轉:

最近玩了一把Firefox的擴充套件開發，感覺不錯。倒騰出來一個ChinaStock，有興趣的可以瞧瞧（現在還被放在Sandbox裡面，必須登入才能下載安裝；同時因為被放在sandbox裡面，暫時還不能被自動更新版本）。如果您願意的話，也可以直接在本站下載安裝。

擴充套件開發中用得著的擴充套件（有點拗口）：

Extension Developer's Extension  (xpi download / install address) 快速將擴充套件目錄打包成xpi檔案，在不重啟Firefox的情況下重新載入所有擴充套件以及其他實用小功能。必備！如果不使用該擴充套件快速過載擴充套件的話，每次修 改程式碼之後都必須從Firefox的選單欄選擇“退出”關閉Firefox再開啟才有99%的機率保證該Chrome內容是最新修改後的，那叫一個痛苦。 即使設定引數 nglayout.debug.disable_xul_cache = true ，也只是減少了修改視窗或對話方塊之後的重啟而已。

Chrome List + Extension Manager Extended 學習其他人寫的擴充套件總是最快入門的方法。 Chrome List 提供了擴充套件瀏覽功能，可以檢視擴充套件安裝之後存在的問題和jar包裡面的原始碼；Extension Manager Extended 則擴充套件了Firefox的擴充套件軟體列表功能，直接顯示每個擴充套件的ID，通過右鍵可以直接開啟擴充套件存放的目錄，再不需要去資源管理器找深埋在 Application Data\Mozilla\Firefox\Profiles\[email protected]#$%^.default\extensions 裡的jar包，也不需要去猜測使用UUID

DebugLogger + Console² DebugLogger 是 dump() 的優化版本。可以按照每個專案分別檢視各自的dump資訊。像 Firebug 這樣的大師級擴充套件屬於開發必備不需多講，這個 DebugLogger 相較而言屬於輕量級並且原始的除錯輔助工具。配合它，至少不需要再用alert來簡單粗暴了。 Console² 則是錯誤控制檯的加強版，實現了 Firefox 3 錯誤控制檯的一些特性。

現有HTML程式碼的利用：

雖然並不被鼓勵，但對於更熟悉HTML語法的開發者來說， 最快捷編寫擴充套件介面的方法是在 XUL 中引入 HTML

相應的，由於上述定義方式下HTML 元素標籤定義不在主名稱空間內，當進行 DOM 操作的 js 程式碼在建立 HTML 元素的時候，也不能直接使用 createElement ，而必須使用 createElementNS 。比如 document.createElementNS("http://www.w3.org/1999/xhtml","html:div");

關於擴充套件ID：

每個擴充套件軟體都必須有個唯一的標識ID，建議是使用UUID，也可以使用形如 [email protected]（必須有@符號但不必是真實的域名） 的字串。生成UUID的方法很多：windows下可以安裝微軟自己提供的GUID Generator，*nix 下直接敲命令 uuidgen ，或者訪問這裡線上生成一個。個人覺得雖然UUID不會造成ID衝突，但 @ 形式的可讀性更強一些，否則不靠前面提到的擴充套件幫忙要把ID跟功能對應起來還真是件費力的事情。 

擴充套件描述的本地化：

在 Firefox 擴充套件管理器中，每個擴充套件的名字下面都有一段簡短的描述(description)，這段描述來自擴充套件根目錄下的 install.rdf 檔案。將這段描述進行本地化處理的方法是在擴充套件目錄下建立子目錄 defaults/preferences ，在子目錄下新建一個 js 檔案 myextname.js ，包含以下內容：

pref("extensions.ReplaceWithExtensionIDHere.description", "chrome://myextname/locale/myextname.properties");

同時在 locale 語言包檔案 myextname.properties 中新增一行：

extensions.ReplaceWithExtensionIDHere.description = 經過本地化的描述內容

擴充套件的打包釋出：

如果使用 Extension Developer's Extension 提供的extension builder 進行打包，它會在build的過程中自動將chrome.manifest中的目錄配置替換成jar:chrome的形式，而不需要自己來回切換不同的chrome.manifest配置。當然前提是你的擴充套件工作目錄按照約定的結構進行組織。如果你沒有把content / skin / locale 目錄放在工作根目錄而是放在了 chrome 子目錄下的話，打包之後xpi檔案會同時包含jar檔案和chrome整個目錄。生成xpi檔案之後，到 Firefox Add-ons 的開發者工具介面進行註冊/登入/上傳即可。

如果程式碼實際是相容Firefox的最新版本的，只是因為在install.rdf裡面的em:maxVersion設定了過老的版本號而導致你釋出在AMO上的擴充套件被認為不相容而無法下載的話，可以登入AMO後進入開發者工具管理介面，選擇相應的擴充套件，點選版本歷史列出的版本號連結進去，就可以快速修改該版本xpi的相容版本範圍（找這個修改的地方找了N久，OrZ）。