一、新建一个项目,在项目里创建一个json文件,命名为manifest,这是谷歌插件最核心的文件,用于配置插件,就像开发微信小程序需要在app.json文件中配置一下核心内容一样,主要的配置项有:

二、首次开发的话需要在谷歌浏览器添加扩展。点击浏览器地址栏最右侧的竖向按钮—>更多工具—>扩展程序,打开开发者模式,点击打包扩展程序按钮,选择扩展程序根目录下的版本号文件夹,路径一般是C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\版本号文件夹,私钥文件可不填,最后点击弹窗中打包扩展程序按钮,没有出错的话,版本号所在目录下会出现两个文件:一个是*.crx文件(即打包好的插件)和*.pem文件(即私有密钥文件)。

注意,添加过程中我们可能会遇到的问题:
1、manifest_version版本出错,前面说过了版本必须为2,谷歌将manifest_version版本升级到2,不能填写其他值

2、打包过程经常出现的错,只要找到要打包的程序版本号所在目录,将私钥文件*.pem删除,重新打包即可。

三、打包完成,在浏览器地址栏右侧可看到刚才打包插件放入的icon,点击icon会出现配置中的弹窗文件内容


网友评论