标签：extension

admin 3年前 (2020-08-31)

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

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-23)

由于国内云盘对各种资源的封杀，而像Google Driver、OneDrive这样的云盘由于限制较少，因此逐渐有很多老司机通过Google Drive分享敏感文件。 只不过Google Drive转存分享文件的功能在产品设计逻辑与国内的百度云盘、11...

admin 3年前 (2020-07-19)

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

admin 3年前 (2020-07-12)

问题 在一键转贴开发中，首先面临两个基本问题： 问题1：任意给定一个URL链接地址，怎样判断链接对应的资源是否为图片呢？ 问题2：如果是图片，怎样获取图片的width、height、图片类型（JPEG、PNG、GIF、WEBP等）等元信息meta i...

admin 3年前 (2020-07-04)

经过3周多的开发，一键转贴浏览器扩展的整体功能基本开发完成 , 最近几天完善收尾后，会发布供使用，敬请期待。 按照《一键转贴Chrome扩展开发经验总结1-需求及架构设计》中的需求及架构设计，很快就开发出了MVP产品。但遇到了发布内容图片多的情况下，...

admin 3年前 (2020-06-13)

为了熟悉chrome扩展开发，正开发一个chrome插件，主要解决一键转贴指定网页内容并发布到Wordpress的需求。 需求场景： 目前很多网站（例如微信公众号）文章中的图片基本上都做了防盗链处理，因此在转贴内容时候，图片无法正常显示。图片少的话，...