目录
可随意转载 Update2023.04.05
一、chrome extension介绍
扩展程序（ chrome extension ）是一些能够修改或增强 Chrome 浏览器功能的小程序。您可以利用各种 Web 技术，例如 HTML、JavaScript 和 CSS，来编写自己的扩展程序。扩展程序只有很少的用户界面或者完全没有。它主要由以下部分组成
- 配置文件manifest.json
- 后台服务background.js
- 注入脚本content_scripts（本教程暂且不用）
- 交互界面popup.html(以及popup.js等，支持jquery等框架)
二、chrome extension V3
Manifest V3 从 Chrome 88 版本开始可用。它有以下新特性：
- Service workers 替换 background pages, 内存可能被回收
- 网络请求API修改 onBeforeRequest –> declarativeNetRequest
- 扩展程序现在只能执行包内部的 Javascript。
- 许多 API 方法支持 Promise
- Browser Action 和 page Action 被统一为 Action
- web_accessible_resources格式修改
三、开发技巧
零基础的学员请使用cursor人工智能辅助编程软件，它支持自动chrome extension编码，目前它使用的GPT3.5模型稍微有点落后，将来会越来越好。
四、代码调试技巧
popup.js background.js 在扩展程序小图标上右键 –> 审查弹出内容可以打开开发者工具。注入脚本在普通的开发者工具窗口，这两者是不一样的，请一定注意。
建议在每个自己编写的js第一行打一个log。保证执行逻辑跟自己设想的一致。