Chrome插件下载网站图片

背景

希望把网站上的一些图片表情批量下载下来，没有找到好的方法，自己写了一个简单的插件。地址

下载以后需要打开chrome插件开发者模式，手动把插件的文件夹拖到插件页面，如果想直接使用crx插件，chrome必须要上架商店验证才可以。

没有找到Chrome比较好的接口，只有devtool下面可以访问到网页请求，所以跑插件的时候需要先打开调试窗口。

简介

具体运作流程是

1. 在插件启用保存图片
2. 访问指定网页
3. 打开控制台（F12)
4. 重新加载网页，所有网页请求图片会触发下载请求
   • 很多论坛编辑器，图片是访问才加载的，需要手工去把表情的每一页翻页，触发浏览器的加载
   • 需要先在chrome里面配置，自动下载，不询问目录，要不然每个图片都会弹窗询问
   • 有个问题是同名文件还是会弹窗
5. 图片会按照网址，下载到chrome默认的下载文件夹

Chrome插件开发小记

chrome插件分为这几部分：

• popup : 就是点击Chrome右上角弹出的插件窗口
• options ： 在插件管理界面的插件自定义嵌入页面，开发者可以在这放一些配置
• background js ： 后台运行的js代码
• content： 可以和前台页面交互的js/css代码

这四部分内容，都是通过manifest.json配置的，manifest.json是插件的整体入口，除了这些配置还能配置插件的名称、描述、图标、需要的权限之类的内容。其中权限会影响到插件实际可以访问哪些API和页面内容。

在这四部分中，popup和options是需要指定html页面的，页面可以嵌入js。
background是不需要页面的，可以运行一些插件加载时候的初始化方法。
content是可以和用户访问的页面交互的js代码，以注入的方式插入用户页面中。

这四部分的上下文环境是独立的，之间的交互，要么通过chrome提供的chrome.runtimeAPI发消息，要么通过chrome.storage存储一些配置进行交互。