Firefox擴展開發(fā) （插件開發(fā)） Extension開發(fā) 入門教程 5步走 五步走

首先需要知道什么是“Firefox插件”。這里說的“插件”只是一個通俗的說法，其實Firefox這種擴展功能的“插件”包括：擴展extension和插件plugin。

?

{tip:title=Handy Hint}

Firefox官方網(wǎng)站的解釋是:Extensions are small add-ons that add new functionality to your Mozilla program. Plugins are programs that allow websites to provide content to you and have it appear in your browser.(擴展是能夠給Mozilla增加一些新功能的附加軟件,插件是允許網(wǎng)站向你提供內(nèi)容并在瀏覽器中顯示的程序).通俗的講,“擴展”是基于Firefox本身增加的一些實用功能,而“插件”則是在Firefox之外獨立編寫的程序,用于顯示網(wǎng)頁中的特定內(nèi)容如Flash、視頻和Java 等.

{tip}

其實我們需要開發(fā)的是Extension。

要開發(fā)Extension，可以分幾步走：

1.了解什么是Extension，一般現(xiàn)成的Extension怎樣組成的？里邊包含的每個文件具體的作用是什么？

2.了解Firefox處理運行Extension的機制。例如Xpcom，chrome機制等。

3.看看入門例子，用記事本，做一個最簡單的擴展，運行一下。另外，使用Firefox，下載一些常用的擴展，并查看一下人家的源代碼。

4.正式搭建開發(fā)環(huán)境。

5.一邊學習人家的代碼，一邊修改代碼實現(xiàn)自己的擴展。

第一步和第二步：

當然以官方資料為準：https://developer.mozilla.org/en/Extensions。需要了解：chrome，rdf，manifest，xul，xpcom等概念。

另外鄭高強的空間：http://www.cnblogs.com/kenkofox/archive/2009/12/17/1626577.html，這里有簡單的Firefox Extension組成說明和Firefox處理Extension的過程分析。

王青師兄的空間有更細致的分析，但較為深入，建議后期再看。

http://ericwangqing.spaces.live.com/?_c11_BlogPart_BlogPart=blogview&_c=BlogPart&partqs=cat%3dFirefox%25e6%258f%2592%25e4%25bb%25b6

第三步：

根據(jù)這個簡單教程，嘗試一下hello world：http://www.ibm.com/developerworks/cn/web/wa-lo-firefox-ext/

另外就是在Firefox官方擴展網(wǎng)站下載一些擴展來研究一下了。

安裝后，Extension的代碼會在磁盤這個位置：

C:\Documents and Settings\UserName\Application Data\Mozilla\Firefox\Profiles\Profile\extensions

第四步：

正式開始使用開發(fā)環(huán)境。

????? 1.Firefox安裝相關(guān)的擴展：firebug，1.Firefox 3.0，這個肯定必不可少了。在此推薦3.0，因為最新版3.6或者3.7，那些擴展還沒有更新跟進，所以要想安裝更多的擴展，還是以3.0為好。

　　2.Firebug，這個不必多說。雖然我只是菜鳥，只是用這個來定位某些xul元素對應什么代碼，但幫助不少。再到firebug的官網(wǎng)，下載chromebug：http://getfirebug.com/downloads#chromebug（有了chromebug才能更好的調(diào)試自己寫的chrome文件）

　　因為調(diào)試js需要開開關(guān)關(guān)firefox，太麻煩，所以一些代碼可以在firebug控制臺先測試。在firefox7試驗過

　　3.Extension Developer。官網(wǎng)推薦，當然安裝啦。這個是一套Firefox擴展，包括打包xpi功能，預覽xul等。

　　4.Spket IDE。開發(fā)擴展的IDE，官網(wǎng)推薦的，比較好用。不過好像不能打包xpi，也不能測試。不過只作為編輯器也不錯了。用它來看人家的擴展的代碼，非常舒服……

　　5.xul explorer。預覽xul效果。

　　6.emEditor。快速打開代碼文件，進行修改。另外最重要的功能是：查找。研究人家的代碼的時候，JavaScript的代碼轉(zhuǎn)來轉(zhuǎn)去，太難找到某些變量或者對象的定義了。用emEditor的“在文件中查找”功能，作用非常大，查找出來的結(jié)果有預覽……(后來發(fā)現(xiàn)，也可以直接用Spket IDE的search--file功能，跟eclipse的查找功能類似，不過缺點就是沒有預覽，每次要雙擊了才知道是怎么匹配的。)

????? 7.另外，王青師兄習慣使用eclipse + spket + XULBooster + Firefox

（上述工具基本都能在MDC網(wǎng)站上找到鏈接下載）

第五步：

慢慢學習Javascript，CSS還有一些細節(jié)的技術(shù)。嘗試修改人家已有的Extension，加入自己想要的功能。

?

kenkofox@qq.com https://github.com/kenkozheng 歡迎投簡歷給我，力推騰訊工作機會 分類:?Firefox Extension擴展

轉(zhuǎn)載于:https://www.cnblogs.com/developer-ios/p/6078724.html

總結(jié)

以上是生活随笔為你收集整理的Firefox扩展开发的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。