初学FF（火狐）的扩展（Extensions）

好久没写文章了，为了记录点东西，写写吧。（今天星期天，我没放过首页，过过瘾。大家觉得不好就叫管理员直接撤了。）

之前没接触过FF的扩展，以前还以为FF只有插件，原来不是，插件和扩展是不同的。

由于本人的语言水平真的不是很好，有表达不清楚的地方请各位指导。

其实我们做页面开发的，应该都听过甚至用过Firebug吧。它是一个扩展来的。

安装FF的Extension有两种方法，一种是打包（后缀为xpi的文件），另一种就直接放到FF的安装目录Extensions下了。

第一种打包：

做这个之前，我们先了解一下扩展的组成结构，这方面的文章不少，我就大概说下吧。

 

我们可以在硬盘上的任何地方新建上图所示的结构，其中chrome里面还有如下图的结构：

 

而content文件里面可以放一些.XUL文件，XUL后缀的文件其实就像我们的HTML元素一样，用来做扩展的界面，其实FF的浏览器也是一个扩展做成的，你可以这样来看，在FF的地址栏里写chrome://browser/content/browser.xul就知道什么事的。我们所看到的东西就是XUL做成的。他是标准的XML格式文件。至于教程，可以看这里 。

好了，现在来说一下上面的究竟是什么东东，有什么用。

第一：chrome文件夹，其实这个名字可以自己改，不过我们还是遵从一些规则吧。这个文件夹里面几乎包括了扩展的所有东西。就CSS文件，JS文件，XUL页面文件etc...下面再补充。

而install.rdf是什么东东呢，看名字就猜到大概了吧。这是安装的信息，里面的也是XML格式的东东。我们来看下：

 代码

 1  <? xml version="1.0" ?>
 2 
 3  < RDF  xmlns ="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 4       xmlns:em ="http://www.mozilla.org/2004/em-rdf#" >
 5 
 6       < Description  about ="urn:mozilla:install-manifest" >  
 7           < em:id > jianghaoyuane@163.com </ em:id >  
 8           < em:version > 1.0 </ em:version >  
 9           < em:type > 2 </ em:type >  
10          
11           < em:targetApplication >  
12               < Description >  
13                   < em:id > {ec8030f7-c20a-464f-9b0e-13a3a9e97384} </ em:id >  
14                   < em:minVersion > 1.5 </ em:minVersion >  
15                   < em:maxVersion > 3.6.* </ em:maxVersion >  
16               </ Description >  
17           </ em:targetApplication >  
18          
19           < em:name > sample </ em:name >  
20           < em:description > A test extension </ em:description >  
21           < em:creator > galaxy.org </ em:creator >  
22           < em:homepageURL > http://www.example.com/ </ em:homepageURL >  
23       </ Description >     
24  </ RDF >

 

 至于里面的意思，我就懒得写了，给张网上的图吧。引用：http://devbean.blog.51cto.com/448512/160298

 

现在明白了吧。

好了，我们再看下chrome.manifest文件吧。

content     sample    chrome/content/

overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul 

我们先来了解下这个：

chrome://sample/content/sample.xul

这个路径的结构是：

chrome://包名/类型/文件 

包名可以自定，类型有content、skin etc... 

再看回配置路径的文件： 

 其中content就是表示chrome文件夹下的content文件夹了 sample就是自定包名，sample.xul就是content文件夹下的文件了。

 overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul 

至于这一句就是表示在启动浏览器的时候启动我们的扩展。overlay就是一个覆盖点，具体的话请看这里 。晕。。这样说着说着太多了，以后有机会我再补这个。因为我很懒。哈哈。。。

 好了，就这样够了。

接着打包：我们直接选中 

 

注意：别将它们放到一个文件夹下再选那个文件夹，一定要就这样全选中他们然后直接用RAR压缩工具压缩。选择ZIP格式。名字就自定啦。

 压缩好后就直接将ZIP后缀改成XPI就好了。然后就打开FF，直接拖到FF浏览器中。这时候会提示你安装。

 第二种比较简单

直接将它们放到一个文件夹中，名字与安装信息（install.rdf）里的em:id起的名字一样就OK了。

 然后将这个文件夹放到FF的安装目录的EXTENTSIONS文件夹下。重启浏览器就会自动完成安装了。

 另介绍两个好用的工具：一个是：extentsion developer（FF的插件）.当你改过一些文件。除了install.rdf与chrome.manifest.外，你可以选择插件的一个叫Reload all Chrome选项就不用每次都要重启FF了。另一个是DOM inspector这个主要用来分析xul的结构，因为很多时候我们都需要利用JS来动态生成一些XUL元素。这时候你就会觉得他很有用了。

 以后再补充一些吧。可以会说说FF的扩展与页面交互的一些东东。不过官方也有，英文的，有兴趣可以看下：给连接

睡觉。 

转载于:https://www.cnblogs.com/SeaSun/archive/2010/08/30/FF_extension.html