最新消息:

一键转贴chrome扩展easyPublish正式公测,你会喜欢上的一键图片下载、wordpress一键转贴神器

产品 admin 9154浏览 0评论

经过近3个多月的开发、内测完善,一键转贴chrome扩展正式对外公测,欢迎各位伙伴下载体验。

一直关注yeeach.com的同学们应该知道,一键转贴扩展的开发从六月份启动,完成MVP初步开发只花了不到一个月时间,但在内测过程中,遇到了诸多技术难题和坑,经历了诸多次从狂喜到崩溃的状态,好在一一化解。

一、开发一键转贴chrome扩展的需求缘起

互联网新闻媒体运营人员的日常工作主要集中在素材收集、内容创作、内容发布几个环节上。

在素材收集、内容发布环节,所有互联网运营人员每天都要面临一大堆对好用工具的需求诉求:

1、素材收集

目前很多主流网站采用了WebP图片格式,怎样单个、批量下载WebP并转为JPG、PNG格式。动图的WebP,怎样保存为GIF格式?

能否轻松完成WebP、SVG、JPG、PNG等各种图片文件格式的转换?

有很多网站,在浏览器里面能够看见有图片,但用各种下载工具无法直接下载,只能采用检查元素大法,手工扒网页内容获得图片地址。

像pinterest.com、pixiv.net 这些支持图片流的网站,由于会动态装载图片,只能手工滚屏,等所有图片都装载完成后,再下载。使用过的老司机都能体会这过程有多么的痛苦。

很多网站(微信公众号)都采用了图片惰性装载的模式,初始装载的图片都是缺省图片,只有滚屏后,实际图片才能装载。

很多网站图片链接地址没有明确的图片特征,例如没有.jpg、.png文件后缀,用现有的下载工具嗅探不到图片。

有时候需要整站爬取或爬取指定网页相关页面的所有图片内容(例如爬取Instagram某个博主的所有图片),类似搜索引擎的爬虫,爬取特定页面并自动下载。目前已有的各种工具基本上都是桌面软件或服务器爬虫,限制较多。

2、发布

将来自其他网站的图片自动导入到自己网站。例如要将微信公众号的文章转到自己Wordpress,会发现图片无法正常显示,因为微信公众号的防盗链机制不允许。而使用Import External Images 这样的Wordpress插件,在批量导入大量文件时侯,经常会出现500 错误。这些插件大多不支持WebP导入,图片地址非.jpg、.png等无明确图片特征的图片导入。

转其他网站内容时候,由于很多网站是通过css、js文件实现文章内容排版,导致导致格式丢失,好需要手工删除很多无用内容。

相信以上这些问题,所有做网站运营的老司机都会感到痛苦无比。而这正是一键转贴chrome扩展easyPublish所要解决的。

二、一键转贴chrome扩展的产品功能特色

1、素材收集、下载

可见即可下,任何在浏览器上展示的图片皆可右键一键下载。

支持WebP(包括Gif格式WebP)、SVG、PNG、JPEG各种图片格式之间的转换。

自动滚屏并提取、下载图片资源,尤其是针对图片流网站,例如instagram.com、pinterest.com、pixiv.net、huaban.com。

图片深度解析爬取,只要是图片类型的图片都会被解析下载,例如:https://yeeach.com/bitcoin 这样无图片特征的图片,以及在css等文件中的图片资源。

支持只下载选中的内容或当前页面的所有内容。

2、内容发布

支持只转选中的内容或转当前页面的所有内容。

支持内容firefox的阅读模式,自动格式化网页内容,删除多余内容、广告。

支持可视化编辑。

自动提取内容中的图片、转换、上传到Wordpress网站。

发布内容同时自动下载所有图片到本地。

3、基于浏览器的爬虫

在浏览器中打开需要下载的页面,在设置中指定爬取深度,即可以自动爬取并自动下载所有图片资源。原来爬取图片能够如此简单。

三、下载体验

3.1、下载地址:

蓝奏云:https://www.lanzoux.com/iKhvng7yz2j

近期会上架chrome webstore

3.2、安装方法:

1)、解压缩下载的文件easyPublish.zip

2)、在chrome内核的浏览器中开启开发者模式,包括360、QQ浏览器、Edge最新版、CentBrowser等都类似。

a、点击右上角的“自定义及控制”->更多工具->扩展程序

b、点击“右上角”的“开发者模式”为打开状态

c、确认“开发者模式”启用:
正常启用后,在扩展程序列表上方会出现“加载已解压缩的扩展程序” 、“打包扩展程序”、“更新”三个按钮。

3)、点击加载已解压的扩展程序,选中解压缩的easyPublish目录

3.3、使用方法

1)打开要下载图片或转贴的页面

2)、点击右键->easyPublish->选择“发布到Wordpress”或“下载所有图片”

右键点击时候,如果有可下载的图片资源,除了“发布到Wordpress”或“下载所有图片”,还会同时显示“保存为PNG”、“保存为JPEG”、“保存为WebP”几个选项。

3)、也可以选择部分网页内容,下载或发布选中的内容

4)、也可以通过右上角的easyPublish执行“发布”、“下载”、“设置”操作

3.4、设置说明

1)、Wordpress 设置:

WordPress的网址、登录用户名、密码
easyPublish使用Wordpress的XMLRPC接口来发布的,因此需要启用XMLRPC,缺省情况下Wordpress的xmlrpc调用为启用的,如果未修改过,不用管。
请正确填写Wordpress网站,例如如果xmlrpc的访问地址为 https://www.yeeach.com/xmlrpc.php, 则Wordpress网址字段填写:https://www.yeeach.com

2)、爬虫设置:

爬虫深度:如果要使用爬虫爬取指定页面的相关页面,缺省情况下只爬取当前页面(0)基于性能考虑,目前只允许设置爬取深度最高为3。
自动滚屏最大时长(秒):在自动滚屏时候最长滚屏时间,主要针对pixiv.net这样的图片流网站。在无内容装载时候,easyPublish会自动检测并执行发布或下载操作,因此设置长一点也无关系。

下载图片最小尺寸:下载图片最小的宽度、高度

WebP 图片缺省保存格式:可以保存为JPEG、PNG、WebP格式,如果WebP为动图,会自动保存为Gif格式。

SVG 图片缺省保存格式:可以保存为JEPG、PNG、SVG、WebP几种格式。

 

四、问题反馈

欢迎大家反馈体验过程中的问题
1、支持邮箱:

[email protected][email protected]

2、问题反馈格式:
使用的浏览器:
浏览器版本:
网页地址:
问题:

3、欢迎打赏

为支持easyPublish,欢迎土豪打赏支持。

五、关于easyPublish的更多细节

对easyPublish技术感兴趣的同学可以浏览系列文章,会面还会持续更新相关内容,披露easyPublish相关的技术实现。

一键转贴Chrome扩展开发经验总结1-需求及架构设计

一键转贴Chrome扩展开发经验总结2:一键转贴核心架构流程图

一键转贴Chrome扩展开发经验总结3:怎样判断任意链接是否为图片类型

一键转贴Chrome扩展开发经验总结4:网页内容预处理

一键转贴Chrome扩展开发经验总结5:网页图片资源的提取

一键转贴Chrome扩展开发经验总结6:window.document的DOM操作

一键转贴Chrome扩展开发经验总结7:CSS图片提取

一键转贴Chrome扩展开发经验总结8:动态装载图片的处理

一键转贴Chrome扩展开发经验总结9:自动滚屏处理

 

六、版本更新日志

2020/08/31 增加《一键转贴Chrome扩展开发经验总结9:自动滚屏处理》

2020/08/30 发布v1.1.1版本,修复 chrome.webRequest.onBeforeSendHeaders.addListener 文件影响当前页面css bug

2020/08/30 发布v1.1版本,修复content-script 注入的bootstrap css文件影响当前页面css bug

2020/08/27 发布v1.02版本,按照chrome webstore要求,调整Permissions权限

2020/08/26  发布v1.01版本,修复 img srcset bug

2020/08/25  发布v1.0版本

转载请注明:出家如初,成佛有余 » 一键转贴chrome扩展easyPublish正式公测,你会喜欢上的一键图片下载、wordpress一键转贴神器

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址