火狐開放了擴充的開發權限給程式員們，相信很多人都會希望自己做一些擴充來友善一些使用。
我最近做一些項目也需要開發一個火狐擴充，友善收集自己需要的資料，是以研究了幾天怎麼開發，現在已經差不多完成了，就順便騰出時間來做個教程給大家看看吧。
------------------------------ 無可奈何的分割線 ------------------------------
原先我是找了幾個網上的教程，沒有使用SDK來開發，備受折磨。這個可以看看我之前的文章：
<a href="http://www.cnblogs.com/huangcong/archive/2013/06/08/3127737.html">黃聰：一、如何建立一個狀态欄擴充（火狐插件擴充開發教程）</a>
<a href="http://www.cnblogs.com/huangcong/archive/2013/06/09/3129833.html">黃聰：二、如何通過URL擷取其他網頁源代碼内容（火狐插件擴充開發教程）</a>
這兩個簡簡單單的擴充，因為沒有SDK，導緻花了我2天的時間，不過幸運的是，我找到了這個視訊：
<a href="http://www.cnblogs.com/huangcong/p/3155836.html">黃聰：使用Add-on SDK開發火狐擴充</a>
開發立刻變得無比的愉快，下面我就介紹一下怎麼用一個SDK開發一個擴充，功能是改變一個頁面的H1标簽的字型顔色為紅色。
------------------------------ 厚顔無恥的分割線 ------------------------------
3、登入好之後，點選Create -> Add-on。如下圖：
4、點選之後，我們就可以開始寫我們的擴充啦！！！！先來看看SDK的界面：
5、我們先寫主程式的代碼，在main.js中輸入如下代碼：
<a></a>
6、因為我們需要jquery，是以需要導入一下，點選Data旁邊的“+”号，然後輸入遠端jquery的連結http://code.jquery.com/jquery-1.10.1.min.js，然後點選Create Attachment，這樣SDK會自動下載下傳遠端的jquery到本地并建立連接配接。如下圖：
7、有了jquery，接下來就是我們的核心代碼了，我們要用自己的js來控制H1的顔色。我們再次點選Data旁邊的“+”号，在第二行輸入test.js，然後點選Create Attachment，這樣就有了一個test.js檔案了，我們的核心代碼将在這裡寫，代碼如下：
8、最後，點選SDK工具欄上面的磁盤符号進行儲存。
9、左上角的眼睛符号按鈕，SDK就會自動儲存并安裝，安裝完成會在右上角出現複選框：
10、最後看看我們的插件是否能正常使用了呢，我們随便打開一個百度貼吧的文章吧，接着我們就會驚喜的發現标題在頁面加載完成之後變成紅色的了！好了，教程到此結束！
本文轉自黃聰部落格園部落格，原文連結：http://www.cnblogs.com/huangcong/p/3170328.html，如需轉載請自行聯系原作者