首页 > 代码库 > 开发火狐浏览器扩展
开发火狐浏览器扩展
话说最近阿里的某几位程序员因为使用自己写的js脚本进行内部的抢月饼活动,导致被某些人恶意定性为不公平竞争,最后被开除。
至于其中的因果关系,我是不怎么care的,不过我觉得写脚本也是能力的体现啊。
言归正传,通过这次事件,以及即将来临的迁徙猿旅途,要赶紧学习写个抢票的插件了,不然就没办法回家过年了。
作为开源的信仰者,火狐浏览器是必备工具,所以就先从学习下如何给火狐浏览器开发扩展吧。
一、首先新建一个WebExtenion目录,新建一个manifest.json文件
这个是文件是浏览器读取的资源文件,里面的内容大概是这样
{ "manifest_version": 2, "name": "my firest firefox plugin", "version": "1.0", "description": "插件的描述,随便写点就好", "icons": { "48": "icons/border-48.png" }, "content_scripts": [ { "matches": ["*://*.crisen.org/*"], "js": ["crisen.js"] } ]}
其中几个参数要特别说明一下
name 插件的名称
version 插件的版本
icons 插件的图标
还有content_scripts参数
其中matches参数表示你的插件生效的网页,可以使用正则表达式,如果是抢票插件,那就应该填写"matches": ["*://*.crisen.org/*"],
然后你访问买票软件的时候,浏览器就会自动加载并解析js参数中制定的js文件
js参数就是需要执行的js脚本文件,可以加载多个
二、既然参数中指定了图标了,那么我们肯定也要搞一个图标过来,不过这一步不怎么重要,没有图标一样能工作
在WebExtenion目录下新建icons目录,然后随便拖一个图片进来,命名为border-48.png就行了(和配置参数中的文件名一致)
三、然后就是js文件了,既然我们在参数中指定了crisen.js文件(新建的js文件在minefest.json中指定),那么直接新建一个文本文件,然后重命名为crisen.js就行,为了测试,我们在crisen.js写入以下代码
alert("welcome to crisen‘s homepage")
四、至此,准备工作就算是完成了,接下来在火狐浏览器的地址栏输入about:debugging,然后点击临时加载附加组件,然后导入前面创建的manifest.json即可
然后重启浏览器,打开www.crisen.org 就能看到弹窗了,打开火狐的添加组建也能看到写好的扩展
五、然后就是写js代码了,只要js能解决的问题,那都不是问题,不说了,我还是继续写插件去吧,回家要紧(@_@)
开发火狐浏览器扩展