firefox扩展开发主要有两种模式：

1.Add-ons SDK扩展，sdk的特点是简单，适合初级玩家。这种开发方式最快的入门方法就是阅读mozilla的官方文档。

2.bootstrap扩展，这种扩展开发方式从无到有完全手动，需要学习firefox的界面描述语言，适合高级玩家。 可以参考IMB developwoker上的一篇入门文章

本人属于初级玩家，所以本文主要描述使用Add-ons SDK建立一个具有基本功能的扩展。

1.环境篇

下载python2.5、2.6或者2.7，firefox，Add-ons SDK 。确保python在系统的path中。解压下载的sdk的zip文件，在命令行模式下运行：

cd add-ons 
bin\active
#如果active(主要是初始化一些变量)运行成功，会改变当前的命令行前缀，类似如下:
(C:\Users\mozilla\sdk\addon-sdk) C:\Users\Work\sdk\addon-sdk>
#接下来继续在当前命令行测试环境是否ok，运行如下命令
cfg
#第一行的输出应该是：Usage: cfx [options] [command]

到此为止，扩展开发环境就算ok了。如果遇到问题，请浏览官方文档

2.工具篇

(1) 用cfx init产生扩展的基本框架

工欲善其事，必先利其器，好的工具能够大幅度提高开发效率。我要介绍的工具是cfx。

mkdir my-addon
cd my-addon 
cfx init
* lib directory created
* data directory created
* test directory created
* doc directory created
* README.md written
* package.json written
* test/test-main.js written
* lib/main.js written
* doc/main.md written
Your sample add-on is now ready for testing:
try "cfx test" and then "cfx run". Have fun!"

(2)实现扩展的具体逻辑

扩展的具体逻辑在lib/main.js中。假如我们的想在浏览器的工具栏上实现一个button，点击后在新的tab页面中打开www.baidu.com。具体的逻辑代码如下：

var widgets = require("sdk/widget");
var tabs = require("sdk/tabs");
var widget = widgets.Widget({
  id: "mozilla-link",
  label: "Mozilla website",
  contentURL: require("sdk/self").data.url("icon-16.png"),
  onClick: function() {
    tabs.open("http://developer.mozilla.org/");
  }
});

当然你也可以自定义button的icon，只需要替换data目录下的icon-16.png，icon-32.png，icon-64.png

(3)浏览器中测试

使用cfx run在firefox中测试开发中扩展，cfx run命令会启动firefox并安装该插件。

(4)打包

使用cfx xpi打包插件为xpi包。打包后的xpi文件就可以直接使用浏览器安装了。