Chrome Extension Development
1. 入门教程
入门案例,可以访问【 谷歌插件官网官方文档 】查看官方入门教程,这里主要讲解大概步骤
- Chrome Extenson 没有固定的脚手架,所以项目的搭建需要根据开发者自己根据需求搭建项目(例如通过Vue 、React等框架),搭建完后创建或引入
manifest.json
文件即可 - Chrome Extension 项目全部的配置都是在
manifest.json
中编写 - Chrome Extension
manifest.json
文档的配置项可以访问 【Manifest 文档】 - Chrome Extension 也提供了一个简单页签管理扩展示例,让开发者学习扩展开发
2. 进阶
通过入门教程的教学,可以知道 Chrome Extension 所有的操作都是通过chrome
对象提供的API方法,所以想要进阶学习扩展开发,必然需要了解和熟悉所有的API
,【官方API地址】
- Chrome Extension 的文档版本分为
Manifest V2
和Manifest V3
,最新开发的扩展基本上都使用的V3版本,V2的很多API也都即将会被淘汰 - 切换文档版本可以通过点击左侧菜单
Manifest V2
和Manifest V3
标题进行切换
3. 分发扩展程序
Chrome 自动会在固定的时间间隔更新浏览器上的扩展,Chrome Extension 分发扩展程序的途径有两种:
- Chrome Store (应用商店):通过在谷歌开发者中心上传代码压缩包,实现扩展的发布,详细步骤可以访问【Chrome Store 发布扩展】
- 自托管:顾名思义,就是通过自己托管打包后的扩展文件,定义好扩展更新地址,实现扩展发布,个人觉得这是最安全且最有效的方式,详细步骤可以访问【自托管发布】
Chrome Extension 开发相对简单,只需要按照对应的流程开发就行,所以本文没有编写代码