chrome browser 70.0.3538.80_制作Chrome插件

背景：

在一些常用网站有一些频繁使用的操作流程，诸如在教务网上导出课程、提取网页第一段文字等。粗略来说，核心是写一个js脚本（如监听鼠标选择时自动复制），然后提供一个chrome要求的配置文件（约七行）及插件的图标，在chrome里使用“加载已解压的扩展”安装该自定义插件。

一、新建一个文件夹，内包含三个文件：

• icon.jpg

插件在chrome插件栏的图标

• manifest.json

插件的配置文件，字段如下：

{
  "manifest_version": 2,
  "name": "A Draft",
  "description": "自动化常用操作",
  "version": "1.0",
  "icons": {
    "128" : "icon.png"
  },
  "permissions": [
    "tabs", "http://*/*","https://*/*"
  ],
  "content_scripts": [
    {"js":["myExtension.js"],"matches":["<all_urls>"]}
  ],
  "browser_action":{
        "default_icon": "icon.png",
        "default_title": "这是一个示例Chrome插件"
  }
}

permissions 插件使用的权限

- tabs允许使用chrome.tabs和chrome.windows的api

- 以及匹配模式

content_scripts

- js指的是要注入的脚本

- matches 指定本插件在哪些页面生效（<all_urls>表示任意网页）

- 注：使用matches时注意一下有些网站是重定向过的url

• myExtension.js

// js实现功能逻辑

二、安装自定义的插件

done.

参考了以下资料：

知乎文章--详细讲解了Chrome插件的基本制作

Chrome官方文档