标签：webp

admin 3年前 (2020-08-31)

在《一键转贴Chrome扩展开发经验总结8：动态装载图片的处理》提到了动态图片的处理思路。继续阐述一下easyPublish中自动滚屏的技术实现方案。 执行自动滚屏的目的：模拟人工滚屏操作，让当前页面在滚屏过程中，JavaScript动态更新采用惰性...

admin 3年前 (2020-08-25)

经过近3个多月的开发、内测完善，一键转贴chrome扩展正式对外公测，欢迎各位伙伴下载体验。 一直关注yeeach.com的同学们应该知道，一键转贴扩展的开发从六月份启动，完成MVP初步开发只花了不到一个月时间，但在内测过程中，遇到了诸多技术难题和坑...

admin 3年前 (2020-08-17)

一键转贴的图片下载及发布文章功能都涉及对图片动态装载、自动滚屏的处理。 一、图片动态装载模式 图片动态装载主要有两种模式： 1、惰性装载（Lazy Loading） 基于用户体验考虑，大部分主流网站都采用了图片惰性装载（Lazy Loading）模式...

admin 3年前 (2020-08-10)

除了img、input等标签会涉及图片资源外，对CSS样式表图片资源进行提取也是图片资源采集的重要议题。 1、CSS样式表分类 在一个页面中，对CSS样式表静态资源的应用主要分为：Inline，External ，Internal 三种。 1.1、I...

admin 3年前 (2020-08-03)

上一篇《一键转贴Chrome扩展开发经验总结5：网页图片资源的提取》对网页图片资源的提取涉及的标签做了总结，继续就图片资源提取的DOM操作进行总结。 首先说一下最基础的window.document的DOM操作。 1、document的构建 如果是直...

admin 3年前 (2020-07-29)

前面几篇关于一键转贴技术实现的文章 总结了 需求 、架构 、怎样判断任意链接是否为图片类型 、网页内容预处理 ，终于进入正题：网页媒体资源的提取（目前只局限于图片资源，但类似思路可以应用于视频、音频文件）。 一、网页内容图片资源提取技术方案 要从网页...

admin 3年前 (2020-07-19)

一键转贴最核心的任务是对图片资源文件的处理，包括页面图片提取、图片元信息获取、普通图片类型互转、WEBP类型处理（例如WEBP动图转为GIF）、网页图片链接爬虫。 但在开始对图片资源处理前，首先面临一个问题：怎样较好地把网页内容提取出来？也即在对图片...