Chrome谷歌插件开发-01

只要会前端，简易的插件开发基本都没问题，主要都是些前端三大件。基本流程：

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、开发者模式下，更改代码后，不用重新导入，直接点击刷新就可以了。