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存储一些配置进行交互。

原文地址:https://www.cnblogs.com/mosakashaka/p/13724775.html