制作crx浏览器插件

 时间:2024-10-28 07:19:41

现在,手机可以root,iphone可以越狱,只要是个设备就能被各种折腾,自然看到浏览器有各种插件可以用装,内心自然也是蠢蠢欲动。因此本文将叫大家如何自己制作一个crx插件。做完后还可以分享给好友们。首先,小编默认你已经学过javascript和简单的html、css。

工具/原料

PC

方法/步骤

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

制作crx浏览器插件

2、最主要的就是编写manifest.门钙蹲茌json了,可以参看如下:{//扩展信息"name":&quo墉掠载牿t;Test","version":"1.0","manifest_version":2,"description":"ThefirstextensionthatImade.",//点击扩展,弹出窗体"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> 提示如何处理 荒野行动怎么标记地图,位置?
热门搜索
美女动态邪恶图片 电影免费观看 手机淘宝图片尺寸 天坑图片 教师节简笔画图片大全