制作crx浏览器插件

现在，手机可以root，iphone可以越狱，只需是个设施就能被各种折腾，自然看到浏览器有各种插件可以使用装，内心自然也是蠢蠢欲动。因而本文将叫大家如何自己制作一个crx插件。（做完后可以分享给好友们、）

首先，小编默认你已经学过Javascript和简单的html、css。

一个简单的插件需要manifest.json、popup.html、popup.js、content.js、background.html、background.js、css文件。当然，这些除了manifest.json都不是必需的，可以根据自己的需要删减或者添加。把这些文件都放在同一个目录下，待会生成扩展程序待使用。

2、最主要的就是编写manifest.json了，可以参看如下：

{

//扩展信息

"name": "Test",

"version": "1.0",

"manifest_version": 2,

"description": "The first extension that I made.",

//点击扩展，弹出窗体

"browser_action": {"default_popup": "popup.html"},

//扩展图标

"icons": {"128": "icon.png"},

//后端执行的脚本

//"background": {

//"persistent": true,

//"scripts": ["background.js"]

//},

//扩展需要使用到的权限

"permissions": ["", "activeTab"]

}

3、其中popup.html 是点击图标显示的界面，可以搭配js和css文件，如：

4、在Test.js中就是你想要实现的具体代码，可自行编写。

5、准备完后即可以打包了。

6、打开360浏览器（谷歌的会报错，不知道起因），进入“扩展管理”界面。

7、先打开“开发者模式”，而后选择“打包扩展程序”。

8、选中文件夹后打包，就可生成所需的crx文件

9、拖动该文件到浏览器就可完成安装（注意谷歌浏览器仍旧不行）