via浏览器如何安装crx插件(制作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": ["<all_urls>", "activeTab"]
}
3、其中popup.html 是点击图标显示的界面,可以搭配js和css文件,如:
4、在Test.js中就是你想要实现的具体代码,可自行编写。
5、准备完后就可以打包了。
6、打开360浏览器(谷歌的会报错,不知道原因),进入“扩展管理”界面。
7、先打开“开发者模式”,然后选择“打包扩展程序”。
8、选中文件夹后打包,即可生成所需的crx文件
9、拖动该文件到浏览器即可完成安装(注意谷歌浏览器依旧不行)
,
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com