ImageAssistant详细介绍
图片助手(ImageAssistant)一款Chrome浏览器中用于嗅探、分析网页图片、图片筛选、下载等功能及收藏、检索、分享等在线服务的扩展程序,无论图片是使用flash载入还是动态载入的,扩展都能很好地应对,真正做到所见即所得(功能类似于Fatkun、小乐图客)。
chromium(chrome环境下开发)及其衍生浏览器(如:360安全浏览器、360极速浏览器、猎豹浏览器、百度浏览器、UC浏览器等)用于分析、提取网页中的图片并提供多种筛选方式辅助用户选取下载的扩展软件。不同于以往提供类似功能的浏览器扩展,本扩展融合了多种数据提取方式来保证在各种复杂结构页面中尽可能全面地提取到出现过的图片。
扩展提取的图片由单独的筛选页呈现给用户筛选,所有图片都已经按照图片尺寸(面积)由大到小排列了。可供筛选的选项包括图片的类型(BMP、PNG、JPG、GIF、SVG、WEBP、ICO)及可自定义筛选选项的图片大小。%20筛选针对大规模图片展示做过优化,内存不是太小的话(不小于8G,图片吃内内存啊),一次性容纳五千张供筛选的图片也不会有什么问题(内存不够会被CHROME干掉)。%20使用快捷键可以关闭顶部菜单,一来增加预览空间,二来加快操作速度。%20哪些场景适合使用她?%20设计师迅速获取网页素材,游戏开发人员从网页游戏中提取材质,批量下载壁纸,批量看站点图片等等。。。
使用场景
设计师迅速获取网页素材,游戏开发人员从网页游戏中提取材质,批量下载壁纸,批量看站点图片……
以下展示几个比较有代表性的使用场景:
批量下载百度壁纸:
只要你的机器性能够好,内存够大,主要是网络够快的话,一小会儿的功夫下载上千张1080P的壁纸都不是问题。
不光是桌面壁纸,只要在百度页面里设定好手机分辨率再用扩展提取,下载大量适合你手机屏幕大小的壁纸也是很简单的事情。
用了她,再也不需要一张一张点开另存为了,下载壁纸是不是变得简单高效呢?
批量下载图片搜索结果:
本篇讨论的是扩展,所以不要问我是怎么打开google的。之前打算在百度上演示这个的,但搜apple后百度更倾向于让我看苹果公司。还是google上靠谱些,搜apple更倾向于给用户展示水果。当然你也可以用这种方式来找适合桌面大小的壁纸啦。
提取微信页面所用素材(原来有这么多看不见的元素啊):
微信的PC网页登录页是不是很简单呢?用工具扒扒看,哇,原来还隐藏了好多素材。
提取cnBeta中的网页元素,包括嵌入式页面广告:
哦,这个例子拿cnBeta来试的,关掉Adblock Plus后页面内容“丰富”多了,用工具扒一扒,嵌入式页面广告图片都出来了,功能是不是很强大?cnBeta的广告着实是多啊,加载众多广告所耗费的流量比加页面自身耗费的流量多多了。
批量提取网友收集素材资源:
好心的网友在网易博客上发了一些自己收集的PS素材,是不是很喜欢呢?一个页面一个页面点开再一个一个另存为到本地么?白头发都出来了,用工具吧,使用重型武器氢弹后你只需要点击面面列表底部的页码,所有列表里中页面的图片就都被扒下来了。
批量浏览魅族论坛摄影板块中帖子里的图片:
这个没什么好说的,有时浮躁了一个个点开看真心受不了,用工具一次性提取所有当前列表中页面所包含的图片看。
提取网页游戏割绳子(Cut The Rope)中用到的材质:
这个游戏都玩过吧?它有网页版的,是不是想看看它是由哪些基本元素组成的(不是做IT的或许就没兴趣了)?用基本模式就能提取到组成游戏的基本元素了。
提取HTML5 3D网页游戏/DEMO中使用的材质:
这是一个HTML5 CANVAS演示DEMO–3D赛车。没有深入研究过,不过看它用到的贴图材质似乎很厉害的样子。
宅男神器,宅男看图必备,批量浏览妹子图:
上图是用加强模式(氢弹)从一个Lofter归档页中提取的,妹子图是一个宅男们热衷的话题,有工具自然方便多了。
提取模式
扩展包括三种提取模式,基本模式”提取本页图片”(默认快捷键:Alt + Shift + Y),加强模式”&预取链接”、”&分析预取数据”,后续提取模式是其前述提取模式的延伸。其中”提取本页图片”仅针对本页面中图片标签、标签背景图片及其他方式加载过的图片,”&预取链接”会在此基础上对页面中的链接进行预取操作以获取更多的图片数据,”&分析预取数据”会在”&预取链接”的基础上对预取数据进行进一步分析并偿试获取DOM中的图片数据(如果链接为网页)。
注意:“&预取链接”及”&分析预取数据”模式都会大大增加URL请求数量,这可能导致筛选页中图片显示不顺畅,同时也可能影响其他网页的加载速度并加重页面所在服务器的负担。因此,正常情况你应该优先使用”提取本页图片”按钮来提取页面中的图片,建议仅在基本模式无法提取到需要的图片时才使用加强的提取功能。
注意:“&预取链接”及”&分析预取数据”模式会针对页面中存在的所有链接都进行预加载操作,这可能对页面中包含功能性操作链接(如:删除、登出等)的传统设计网页产生无法预料的影响。
操作快捷键
为了方便快速地使用键盘进行图片提取操作,扩展设定了部分操作的键盘快捷键。
快捷键 | 作用域 | 功能 | 能否修改 |
---|---|---|---|
Alt + Shift + Y | chrome全局 | 提取本页图片 | 修改 |
Alt + M | 筛选页 | 切换菜单项 | 否 |
Alt + S | 筛选页 | 开启/关闭按大小排序 | 否 |
Alt + T | 筛选页 | 开启/关闭下标分辨率信息 | 否 |
Ctrl + A | 筛选页 | 全选 | 否 |
Ctrl + S | 筛选页 | 保留选择(未选部分被删除) | 否 |
Ctrl + D | 筛选页 | 下载选择 | 否 |
Ctrl + Z | 筛选页 | 取消选择 | 否 |
Ctrl + R | 筛选页 | 反选 | 否 |
Del | 筛选页 | 删除选择 | 否 |
← | 筛选页大图浏览模式 | 上一张图片 | 否 |
→ | 筛选页大图浏览模式 | 下一张图片 | 否 |
Num. + | 筛选页大图浏览模式 | 选中当前浏览的图片 | 否 |
Num. – | 筛选页大图浏览模式 | 取消选中当前浏览的图片 | 否 |
Del | 筛选页大图浏览模式 | 删除当前浏览的图片 | 否 |
Esc | 筛选页大图浏览模式 | 退出大图浏览模式 | 否 |
图片筛选
扩展提取的图片由筛选页面呈现给用户进行后续操作。在筛选页面中,图片已按图片大小由大到小进行排序显示,你可以通过菜单中的图片扩展类型进行图片类型筛选显示,通过分辨率大小进行图片的大小筛选显示。图片大小筛选提供了两种模式,不小于及指定大小,你可以在”扩展选项”中对该两种模式的分辨率选项进行编辑。
另外,筛选页面中还提供了尺寸漏斗选项,小于该设定分辨率的图片都将被直接忽略,如果筛选页中需要呈现大量的图片,滤除部分图片能加快图片显示速度及操作流畅度。
在筛选页面中,你可以像在Windows操作系统的文件管理器中那样通过鼠标选取/反选图片。如果希望以大图方式甄选需要的图片,只需点击图片就可以打开大图浏览模式。除了筛选页的顶部菜单栏及右键菜单外,你还可以通过快捷键更加快速便捷地对图片项进行筛选及下载等操作。
常见问题
为什么使用下载功能时会不断地弹出”另存为”对话框?
这是由于浏览器设置项”下载内容”中勾选了”下载前询问每个文件的保存位置”的缘故。该选项被勾选后,每个下载文件都会被要求手动确认,你可以取消该选项让浏览器每次都自动把文件存储到配置的特定位目录中。
为什么筛选页中图片会显示正在加载的图标?为什么加载成功的图片在滚动时还会出现正在加载的图标?为什么有时正在加载的图标会一直显示?
由于网页中显示图片会占用大量内存,为了保证在提取大量图片时的容量及稳定性,筛选页使用了动态载入技术及延迟加载技术。使用动态载入技术后,筛选页中不可见的图片会被动态卸载及再次加载,从而提高页面中图片容量并显著降低在提取大量图片时因内存不足导致页面崩溃的可能性。延迟加载技术可以显著降低滚动条滚动过程中页面重新渲染的计算量。
对于正在加载图标一直显示的问题,一种可能的原因是和网络不稳定及网速过慢有关,另一个较容易引起此问题的原因是你使用了扩展的加强模式”&预取链接”、”&分析预取数据”。浏览器对外发起的总链接数及对单个站点的连接数都是有限制的,由于扩展的加强模式会进行大量的链接请求,这将占用连接通道导致筛选页的图片请求被挂起排队,这种情况下筛选页就会出现大量的载入中图标。通常在使用加强模式时,你需要花费较多的时间等待预取探测完成,然后再通过筛选页进行图片筛选。
为什么按下帮助文档中指定的快捷键Alt + Shift + Y后扩展没有进行图片提取操作?
首先,请确认你使用的浏览器是否具有扩展快捷键操作功能(如果有,通常也允许用户对扩展快捷键进行更改设置),国内众多定制的chromium浏览器(如:360安全浏览器、猎豹浏览器等)没有开放扩展的全局快捷键操作功能;其次,由于扩展的全局快捷键是可设置的,请在浏览器配置项中检查扩展的快捷键是否与其他扩展快捷键冲突已被改为其他按键(冲突可能被浏览器清空)。
更新日志
2020/02/12 v1.1.45
1、多地址提取功能增强;
2020/02/08 v1.1.44
1、修复因页面标题导致下载文件名过长而弹出”另存为”对话框要求重新指定文件名的陈年BUG;
2020/02/04 v1.1.43 1、修复部分上报的异常;
2、修复特殊网页标题导致下载文件名非法而失败的问题;
3、添加两项操作的快捷键及右键菜单;
2020/02/02 v1.1.41
1、修复页面异步请求嗅探会影响polyfill版fetch请求的问题;
2、修复开启自动下载后可能出现重复下载的问题;
3、用Sogou以图搜图替换原失效的Baidu以图搜图;
4、下载路径支持更多变量定义;
2019/12/10 v1.1.38 1、新发现的Bug修复;
2019/12/09 v1.1.37 1、修复上一版本引入的多处Bug,并提高对于Firefox浏览器的兼容性;
2019/12/05 v1.1.36 1、多处Bug修复;
2、更强大的通用图片嗅探能力(试试Flickr);
3、多地址提取采用更精准的事件驱动方式;
4、图片地址替换规则实现调整,可实现多次替换及生成多图地址;
(抱歉因测试不充分影响了部分网友的正常使用,已经临时禁用了部分新特性,Firefox新版本撤回。)
2019/09/30 v1.1.33
1、调整图片替换规则加载方式,支持在线更新,原图替换图片依大小自动选择;
2、网页标签属性嗅探改进;
3、加载图片排序规则调整(未完全);
4、多地址提取功能中特征组匹配调整,按更多特征分组;
5、添加新用户快速上手简明教程;
2019/07/24 v1.1.32
1、修复Firefox使用google以图搜图出现无限开新窗口的问题;
2、恢复增加原有的下载命名方式;
2019/07/15 v1.1.31
1、改善图片编辑页面(水印)下载的兼容性问题,图片编辑页支持直接粘贴剪贴板里的图片;
2、调整图片排序方式,更贴近实际页面中的顺序,下载顺序一致;
3、添加Blob下载方式,在特殊情况下启用可避免部分站点防盗链机制导致下载失败;
4、筛选页右键菜单调整,添加预览按钮,图片预览模式添加缩放模式切换(按’V’键切换);
5、部分站点使用 referrerpolicy=”no-referrer” 图片不发送referer提取兼容;
6、已知BUG修复;
7、添加公众号;
2019/07/01 V1.1.30 部分扩展默认参数/行为调整,后台监听逻辑问题修复,翻译修改,客户端项目初始化。
2019/06/26 V1.1.29 修复Chrome 新版本API不兼容旧版浏览器导致旧版浏览器无法工作的问题。
2019/06/25 V1.1.28 Full English Translation, 新版浏览器兼容性问题修复,部分BUG修复。
2018/07/30 V1.1.26 下载相关功能BUG修复。
2018/07/28 V1.1.25 筛选页添加URL正则筛选、自动下载功能,添加筛选页最大载入图片数配置项以及多地址提取开新窗口自动关闭超时时间配置项,老版本浏览器兼容修复。
2018/07/24 V1.1.24 修复Firefox下框选BUG,添加筛选页点击行为可配置。
2018/01/02 V1.1.21 继续修复前几个版本引入的BUG。