我的Firefox插件开发之旅——从零开始

转自：

http://www.cppblog.com/epubcn/archive/2008/11/07/66206.html

我的

Firefox

插件开发之旅

（ 1 ）——从零开始

准备做一个

Firefox

插件，用来接收从

WEB

页面传递的参数，根据这些参数从服务器上下载一

些文件到本地，并调起本地的一个应用程序。

以前在

FF

zip

xpi

到我的

FF 3.0

中，提示不正确的安装包。看来这个向导针对

FF3

还有些问题。具体问题是什么？

现在还不清楚。让我来继续寻找资料……

在

Plugin

是两种概念的东西：

Extension

就是一个

zip

包，里面有规定的一些必要文件。这个可以下载几个插件看一下他们的

目录结构就好了。我下载了一个

，看了一下，主要包括一个

（安装包相

Plugin

Plugin

开发介绍文中有这么

一句：

Plugins are different from extensions, which modify or enhance the

functionality of the browser itself. Plugins are also different from search plugins,

which plug additional search engines in the search bar.

（插件与扩展不同，它更改或

者改善了浏览器自身的功能。插件与搜索插件又不同，搜索插件在搜索工具栏上添加了额外的搜

索引擎。）

我的理解，插件可以让你在

中使用自己的

来展示、用自己编写的二进制文件来做某些

这样看来，要实现我开始提到的需求，似乎可以开发一个

Bookmark Synchronizer

）也差不多是我的需求这种感觉：将本地某些数据上传至服

务器，从服务器同步下载一些数据到本地。

FBS

既然是一个扩展能够实现，那么看来我暂时不

用研究

Plugin

了，呵呵。

OK

因此，我的第一个学习计划就是搞清楚

是什么，什么地方要用

XUL

先说到这里，下一小节我来写一些

XUL

的学习历程。

（

2

）——

是什么？

在远程执行，也可以安装到本地执行。

在

护和控制很多界面元素了。而且，这些界面是按照当时的

外观来展现的，比如同一个按钮，

在

XUL

也允许自己使用

JS

和

CSS

来定制自己

的个性化界面。总之一句话，

XUL

的主要作用就是用来展现

Extension

OK

XUL

不能引用外部脚本，否则就出错。链接是：

http://ted.mielczarek.org/code/mozilla/xuledit/xuledit.xul

。

（

3

）——我的第一个扩展

简单知道了

XUL

，迫不及待地想立即编写一个插件，哪怕什么事情都不做也好。

_

∩

)O

通过这个页面

https://developer.mozilla.org/en/Building_an_Extension

，可以找到编写

一个插件必须要做得一些事情，写的很清楚。最后产生的目录和文件结构是这个样子：

install.rdf

chrome.manifest

|--sample.dtd

|--zh-CN

|--sample.dtd

|--zh-TW

|--sample.dtd

|--skin

|--classic

|--sampleicon.png

|--smallicon.png

|--default.css

在工具栏上添加的按钮的图标。

OK

，把上面整个目录用

，拖放到

否继续安装。这个先不管它，以后再研究。安装以后，重启

，哈哈，写的第一个

Extension

成功安装了！只不过

overlay.xul

里面什么都没写，所以还没有视觉上的成就感。下面开始添加

overlay.xul

中的代码。

怎么在工具栏上添加按钮呢？感谢

提供的文档，专门有一篇文章是讲这个地：

2

、按钮的

和

tooltiptext

可以直接添加文字，但如果使用了中文，有可能会显示乱码

（至少在我的

FF3

上是这样）；

3

、按钮的图标一定要大小两种（

24x24

、

16x16

）都提供；

4

、

label

中定义的文字，但必须注意：

文件必须存为

编码，否则会导致按钮显示不出来！

在

的定制工具栏中，有图标，但下方没有文字，好像是我哪里忘记添加文字了，一会儿看

看去……

好了，我的第一个

FF

插件就写好了，不过现在只是在工具栏上添加了一个按钮而已，什么事