編寫瀏覽器插件如何入門?


先從 http://code.google.com/chrome/extensions/getstarted.html開始。


1.看官方文檔,如上頭不少同學說

2.找一個開源的人家做好的最好帶文檔注釋的插件,先改著玩

3.改著改著試著自己做一個一樣的

4.你已經學會了


難道這將是我的處女回答...

目前比較流行的瀏覽器有FF,Chrome,Safari,IE等,主要是內核不同。

首先,插件的英文是plugin,但是我謹慎懷疑本問題其實指的是擴展(extension)。

在絕大多數情況,日常需要的功能完全可以通過extension完成。

以下假設我們討論如何開發不同瀏覽器的extension。

其實,所有的開發入門都是找官方文檔,對本問題同理。

對FF,訪問 Extensions | MDN

個人看了一段時間,主要是要學習XUL。

另外,可以去這學習下別人的: Add-ons for Firefox

對Chrome,訪問 Getting Started: Building a Chrome Extension

PS,Sogou瀏覽器的官方開發文檔明確表明跟著Chrome的擴展系統走...

http://ie.sogou.com/open/doc/?id=1_1title=API%E5%88%B6%E5%AE%9A%E8%A7%84%E8%8C%83%E7%AE%80%E4%BB%8B

對Safari,訪問 Safari Extensions Development Guide: About Safari Extensions

這個還沒詳細看過,回頭再補充,應該不會差

對IE系,實在無力吐槽,爛,爛,爛。官方文檔爛,開發框架爛(藉助BHO),論壇不活躍,插件少。

PS,一定要耐著性子讀英文文檔。看完了FF的開發文檔後,曾嘗試著翻譯了幾段英文,覺得實在是太難準確表達英文原義了,尤其是很多術語,用中文簡直沒辦法描述。當然,我的水平肯定也是有問題的。但還是推薦看英文文檔。


看官方文檔? 比如Chorme可以從360翻譯的中文版看起http://open.chrome.360.cn/html/dev_doc.html , 但是不全, 因此還是要有一定的英文基礎?


如果是基於Firefox,則可以參考 GreaseMoney 。 http://www.firefox.net.cn/dig/toc/


我能不能在這裡招一個靠譜的瀏覽器插件兼職開發者?人不夠用了。。。


首先,你要選一個瀏覽器平台。這裡推薦chrome。

選完瀏覽器平台之後就要去學習編寫插件的語言。chrome插件用的是js。學習js可以到w3cschool,只要有一點高中數學演算法初步的基礎,基本上沒有太大問題。

大致了解了語言之後,就可以按照chrome官方文檔,看不懂英文的話也可以看看360極速瀏覽器的擴展文檔(雖然,360的文檔版本有些老,但原理還是相通的)。

本人之前只學過一點html和css。在花了三個小時學習js,又花了三個小時編寫插件,最後花了一個小時製作圖標之後,也成功的製作了一個小插件。

插件功能很簡單,替換b站的背景色。

有興趣的同學可以看看。

http://www.bilibili.com/video/av13260627


推薦閱讀:

為什麼es6里的object不可迭代?
作為一名前端開發工程師,哪門後端語言最適合掌握?
2016 年前端開發領域有什麼趨勢值得關注?
如何系統的學習nodejs?
為什麼互聯網公司開始用node.js做web服務的中間件?有什麼好處嗎?

TAG:GoogleChrome | JavaScript | 網頁瀏覽器 | Chrome網上商店 | 火狐瀏覽器Firefox | 編程 | Opera瀏覽器 | 瀏覽器插件 | Chrome擴展程序 | Safari |