Firefox扩展开发
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 计算机考试关于计算量,2020年税务师考
- 下一篇: 游戏服务器运维需要注意,网络游戏服务器维