开发火狐浏览器扩展

话说最近阿里的某几位程序员因为使用自己写的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能解决的问题,那都不是问题,不说了,我还是继续写插件去吧,回家要紧(@_@)

posted @ 2016-09-14 18:08  crisenchou  阅读(1672)  评论(0编辑  收藏  举报