chrome插件开发入门
一. 基本概念
Chrome插件是一种用于Chrome浏览器的小型软件程序，可以增强浏览器的功能，提供额外的功能和工具，以满足用户的特定需求。用户只需到官方插件商店搜索、下载、安装即可使用，非常便捷。
二. 常用配置
chrome 插件通常由以下几部分组成：
- manifest.json：相当于插件的 meta 信息，包含插件的名称、版本号、图标、脚本文件名称等，这个文件是每个插件都必须提供的，其他几部分都是可选的。
- background script：可以调用全部的 chrome 插件 API，实现跨域请求、网页截屏、弹出 chrome 通知消息等功能。相当于在一个隐藏的浏览器页面内默默运行。
- 功能页面：包括点击插件图标弹出的页面（简称 popup）、插件的配置页面（简称 options）。
- content script：早期也被称为 injected script，是插件注入到页面的脚本，但是不会体现在页面 DOM 结构里。content script 可以操作 DOM，但是它和页面其他的脚本是隔离的，访问不到其他脚本定义的变量、函数等，相当于运行在单独的沙盒里。content script 可以调用有限的 chrome 插件 API，网络请求收到同源策略限制。
基本配置如下：
{
"manifest_version": 3,
"name": "生成二维码",
"version": "1.0",
"description": "一个生成二维码的浏览器插件",
"permissions": [
"activeTab"
],
"action": {
"default_popup": "index.html",
"default_icon": {
"16": "icon.png",
"48": "icon.png",
"128": "icon.png"
}
},
"icons": {
"16": "icon.png",
"48": "icon.png",
"128": "icon.png"
},
"browser_action": {
"default_title": "点击生产二维码"
}
}
三. 入门示例
一个生成二维码的浏览器插件:
-
目录结构
qrcode-chrome-plugin
manifest.json - 项目meta信息
index.html - 弹窗入口页面
assets - 资源文件
icons - 插件图标集
四. 工作帮助
可以提高工作效率
