只要会前端,简易的插件开发基本都没问题,主要都是些前端三大件。基本流程:
1、创建一个文件夹
,比如命名为TestPlug
2、新建配置文件manifest.json
【唯一必不可少的文件 —> 官方文档详细内容】
{
"name": "TestPlug", //必填
"version": "1.0", //必填
"manifest_version": 2, //必填且必须是int,不能是字符串,不然会加载不上插件
"description": "An test plug-in for Chrome.", //选填
"browser_action": { "default_icon": "icon.png", "popup": "popup.html" }, //选填。现在这样好像不行了,要把"popup": "popup.html"改为"default_popup": "popup.html",亲测可以
"permissions": ["http://*/*"] //选填
}
3、和配置文件并列的路径,放一张图片比如icon.png
作为图标。再新建一个html文件popup.html
,写入你要做的插件的代码内容,就基本的HTML内容,比如输出<p>Hello World!</p>
。
4、打开Chrome,选择更多工具
- 扩展程序
,即chrome://extensions
5、打开开发者模式
,加载已解压的扩展程序
,选中你创建的文件夹就可以了。
注意:
1、也可以选择用打包扩展程序
,第一次打包不需要秘钥,之后重新打包就需要秘钥了。打包后会生成.crx
(插件)和.pem
(秘钥)两种格式的文件。
2、开发者模式下,更改代码后,不用重新导入,直接点击刷新就可以了。