Chrome 瀏覽器作為基于Webkit的新一代瀏覽器。Chrome自從正式發(fā)布以來(lái)，市場(chǎng)占有率逐步提高，自從公布了Chrome擴(kuò)展的API以來(lái)，Chrome擴(kuò)展開(kāi)發(fā)更是前途似錦。一個(gè)Chrome插件小則可以解決生活中瑣碎的問(wèn)題，多則可以惠及千眾，造福萬(wàn)代。而且，Google為Chrome建立了自己的Web開(kāi)發(fā)市場(chǎng)，做得好的插件還可以為作者贏得豐厚的利益。

工具/原料

  • Chrome瀏覽器
  • 文本編輯工具，普通的記事本也可以，不過(guò)最好是帶格式整理和語(yǔ)法高亮的，筆者用的是Notepad++，需要的朋友可以百度一下。

步驟/方法

  1. 創(chuàng)建一個(gè)單獨(dú)的文件夾，起個(gè)名字吧，比如說(shuō)我們?yōu)榘俣荣N吧開(kāi)發(fā)一個(gè)插件，就叫TiebaAddion。之后在這個(gè)文件夾里創(chuàng)建一個(gè)名字為“manifest.json”的文件，在里面寫上如下的樣子。
    {
    "name": "TiebaAddin",
    "version": "1.0",
    "description": "An addin for Tieba.",
    "browser_action": {"default_icon": "icon.png"},
    "permissions": [http://*/*]
    }
    這里各項(xiàng)的意義很顯然可以通過(guò)名字得之，但如果你想了解更多，請(qǐng)參考“Chrome擴(kuò)展”文檔（詳見(jiàn)參考資料）
  2. 如果你細(xì)心看上面的配置文件，你就會(huì)知道，你現(xiàn)在需要找一個(gè)圖標(biāo)，放在這個(gè)目錄下，名字叫icon.png，當(dāng)然，這個(gè)名字只要和上面的配置文件里default_icon的屬性一致就好。
  3. 現(xiàn)在，只要點(diǎn)擊Chrome工具條的菜單按鈕選擇里面的工具（Tools）>> 擴(kuò)展（Extensions）就好。菜單按鈕如右圖。
  4. 選擇開(kāi)發(fā)者模式，選擇加載未打包的插件，然后，選擇第一步中的那個(gè)文件夾即可。好吧，現(xiàn)在我們就可以啟動(dòng)插件了。
  5. 好了，在地址欄的右側(cè)出現(xiàn)了我們的圖標(biāo)，但是點(diǎn)擊圖標(biāo)卻什么也沒(méi)做，這是自然地，因?yàn)槲覀冞€什么代碼沒(méi)有寫。現(xiàn)在在那個(gè)目錄下，建立一個(gè)html文件，并且名字為popup.html，同時(shí)在配置文件里“browser_action”下加上一條："popup": "popup.html"。示范：
    {
    "name": "TiebaAddin",
    "version": "1.0",
    "description": "An addin for Tieba.",
    "browser_action": {"default_icon": "icon.png"，"popup": "popup.html"},
    "permissions": [http://*/*]
    }
    此處注意，每一對(duì)大括號(hào)里的最后一項(xiàng)后面都沒(méi)有逗號(hào)，其余的每項(xiàng)之間必須用逗號(hào)間隔！哪怕是browser_action這樣復(fù)合的項(xiàng)目，在他的大括號(hào)后也要有逗號(hào)。
  6. 在Popup.html里寫上一些html代碼，比如簡(jiǎn)單的輸出HelloWorld也好，這個(gè)Popup.html和普通的html文件按沒(méi)有任何差別。


  7. 這就是基本的插件制作方法，插件制作的中級(jí)教程我在一下篇相關(guān)經(jīng)驗(yàn)會(huì)詳細(xì)講解的。

注意事項(xiàng)

  • 第一步：格式要正確，且最好此時(shí)文件夾里已經(jīng)有icon圖標(biāo)。
  • 第三步：有的時(shí)候插件需要相關(guān)的權(quán)限，這一點(diǎn)，可以到百度的數(shù)字大人吧學(xué)習(xí)如何給使用插件。

參考資料

Google Code中Chrome擴(kuò)展的文檔：http://code.google.com/chrome/extensions/getstarted.html 
百度數(shù)字大人吧:http://tieba.baidu.com/f?kw=%CA%FD%D7%D6%B4%F3%C8%CB
經(jīng)驗(yàn)內(nèi)容僅供參考，如果您需要解決具體問(wèn)題（尤其在法律、醫(yī)學(xué)等領(lǐng)域），建議您接下來(lái)詳細(xì)咨詢相關(guān)領(lǐng)域?qū)I(yè)人士。