制作crx浏览器插件

 时间:2026-02-14 09:10:56

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

制作crx浏览器插件

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": ["<all_urls>", "activeTab"]

}

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

制作crx浏览器插件

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

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

打开360浏览器(谷歌的会报错,不知道原因),进入“扩展管理”界面。

制作crx浏览器插件

6、先打开“开发者模式”,然后选择“打包扩展程序”。

制作crx浏览器插件

7、选中文件夹后打包,即可生成所需的crx文件

制作crx浏览器插件

制作crx浏览器插件

8、拖动该文件到浏览器即可完成安装

  • 破晓传说咏唱时间缩短5%在哪
  • 添加注册表项设置Win10-Edge标签页预览功能
  • Microsoft Barcode Control 9.0安装方法
  • 开机遇到:黑屏grub> 提示如何处理
  • 荒野行动怎么标记地图,位置?
  • 热门搜索
    崇武古城旅游攻略 泰山旅游地图 云南旅游攻略穷游 旅游服务礼仪 北京好玩的旅游景点 梵蒂冈旅游价格 北京旅游攻略三天 高雄旅游 旅游资源论文 最近国内旅游报价