黃聰：一、如何創建一個狀態欄擴展（火狐插件擴展開發教程）

因為項目的需要，一些功能需要在火狐上面實現，一點也不了解火狐插件的開發，網上的中文資料也少得可憐，

沒辦法，只好自己研究一下英文文檔，慢慢開發了，在這里備份一下。

學編程，當然是從Hellow，world開始啦。那么我們看看火狐插件的Hellow，world是怎么做的吧

一、創建目錄

1. 隨便在一個文件夾里面，新建一個文件夾，名字隨意，最好以自己的插件名稱命名。我這里做演示，就命名為 test
2. 在test文件夾下面創建一個文件夾，命名chrome。
3. 在test文件夾下面創建兩個文件，分別為install.rdf、chrome.manifest
4. 在chrome文件夾下面創建一個文件夾，命名為content。
5. 在content文件夾下面創建一個文件，命名為test.xul。
6. 每個文件的編碼一定要是utf-8的！否則顯示中文會出錯！！！

 最后得到如下文件：

 

二、配置install.rdf文件

install.rdf是一個安裝清單，其中包含的信息告訴火狐我們插件的信息。其中內容我們可以設置為：

<?xml version="1.0"?>

<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     xmlns:em="http://www.mozilla.org/2004/em-rdf#">

  <Description about="urn:mozilla:install-manifest">
    <!-- id:一個獨特的識別字符串。字符串的形式為 擴展名@域創造者。 -->
    <em:id>[e-mail]</em:id>
    <em:version>2.0</em:version>
    <em:type>2</em:type>

    <!-- Front End Metadata -->

    <em:name>狀態欄</em:name>
    <em:description>在狀態欄上面顯示字符串</em:description>
    <em:creator>黃聰</em:creator>
    <em:homepageURL>http://developer.mozilla.org/en/docs/Creating_a_status_bar_extension</em:homepageURL>

    <!-- Describe the Firefox versions we support -->

    <em:targetApplication>
      <Description>
          <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
        <em:minVersion>1</em:minVersion>
        <em:maxVersion>30.0.*</em:maxVersion>
      </Description>
    </em:targetApplication>

  </Description>

</RDF>

三、配置chrome.manifest文件

chrome.mainfest文件是應用程序文件，這個文件告訴火狐你的程序架構，內容如下：

#這一行是注冊ID為test的插件到chrome/content/目錄下，一般情況下這個目錄是相對路徑，當然也可以設置為絕對路徑
content test chrome/content/

#這句話是告訴火狐在加載browser.xul的時候，順便加載test.xul
overlay    chrome://browser/content/browser.xul chrome://test/content/test.xul

四、配置test.xul文件

test.xul文件就是運行程序的地方啦！在這里就是做你的插件想做的事情的地方了，我寫的程序如下：

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE overlay >

<overlay id="test-overlay"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<!-- Firefox -->
<statusbar id="status-bar">
    <statusbarpanel id="test"
        label="哈啰，世界" 
        tooltiptext="哈啰，世界，拜拜"
    />
</statusbar>

</overlay>

上面的程序就是個簡單的在狀態欄顯示“哈啰，世界”，鼠標移上去會顯示懸浮標題“哈啰，世界，拜拜”的功能。

好了，寫好程序了，就應該打包然后在火狐上面安裝運行了。

五、打包程序、安裝運行

1、返回到test文件夾，全選所有文件，然后壓縮成ZIP格式。一定要是ZIP格式！壓縮后我們得到test.zip文件

2、修改test.zip的后綴名為xpi，最后得到test.xpi文件。

3、把test.xpi文件拖拽到火狐瀏覽器中，出現提示安裝的界面，點擊安裝，然后重啟火狐。

4、看火狐右下角的狀態欄，就有“哈啰，世界”字符串了。

案例下載：firefox-test.zip