Mozilla Add-ons学习笔记(2)
上篇日志是Mozilla add-ons的介绍,这篇日志记录下Add-on当中Extension的开发,开个头慢慢写。
现在的Extension有三种不同的形式:
Add-on SDK Extensions(Jetpacks)
Bootstrapped Extensions
Traditional Extensions
其中Add-on SDK可以让初学者快速地开发Extension。而Bootstrapped Extensions则比Traditional Extensions更加高级。作为初学者,理所当然选择了Add-on SDK来开发Extension。
使用SDK开发Extension也有两种选择:Add-on Builder和本地开发。由于本地开发需要自己配置开发环境,并且不方便随时随地的开发,所以用Add-on Builder更方便。
进入如下地址:
https://builder.addons.mozilla.org/
注册一个账号,登陆后即可使用Add-on Builder。其开发界面如下:最上端一行主要是创建、搜索、文档、我的账号等功能和连接。下面的区域:左侧是工程目录,右侧是编辑区,编辑区上面是工具栏,分别有测试、下载、保存、复制、错误控制台、版本、设置等工具。其中工程目录中的Data比较重要,下文中的"data"就是指此目录。
在左侧的Libraries中药选择与当前浏览器版本相符的SDK版本并添加必要的第三方库。开发插件主要用JavaScript辅助以CSS和HTML等。开发好后点击保存,然后点击测试就可以在当前的浏览器上安装测试效果了。Add-on Builder和大多数IDE并无多大区别,十分容易上手,而且所有的代码是在线的,随时随地接入网络、打开Firefox浏览器就可以开发。使用Add-on Builder和Add-on SDK开发Extension,在main.js中写主要的脚本,主要脚本也叫Add-on Script,此外,还可以将一些脚本和API中提供的一些模块关联起来,使之成为该模块的Content Script。Content Script不能直接访问Add-on Script中的方法和对象,也不能直接和Add-on Script互相通信(需借助事件机制)。
下面是Add-on SDK 的API介绍,翻译和修改自官方的文档(将比较啰嗦的地方简化了)。官方的文档中并不只是针对Extension,所以下文也不单独针对Extension,但凡是提到addon的地方,都包含了Extension,且英文名词中不区分大小写、add-on等词可能省略中划线。1. Addon Kit
该部分的API提供了Extension中常用的一些模块,也是Add-on SDK的上层API。具体如下。
1.1. addon-page
这是一个测试性的API,以后可能会有更改。
var addontab = require("addon-page");var data = require("self").data;require("tabs").open(data.url("index.html"));
有时我们需要在addon中打开一个没有地址栏、搜索框、书签工具栏等导航元素的页面,比如addon的使用说明等。addon-page模块提供了一个简单的方法来获得一个没有导航元素的页面。用require()导入addon-page之后,通过"data/index.html"加载的页面将不会包含导航元素。这样做仅会影响"data/index.html"页面,对其他的页面没有影响。
【未完待续】