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

工具/原料

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

步驟/方法

  1. 創建一個單獨的文件夾，起個名字吧，比如說我們為百度貼吧開發一個插件，就叫TiebaAddion。之后在這個文件夾里創建一個名字為“manifest.json”的文件，在里面寫上如下的樣子。
    {
    "name": "TiebaAddin",
    "version": "1.0",
    "description": "An addin for Tieba.",
    "browser_action": {"default_icon": "icon.png"},
    "permissions": [http://*/*]
    }
    這里各項的意義很顯然可以通過名字得之，但如果你想了解更多，請參考“Chrome擴展”文檔（詳見參考資料）
  2. 如果你細心看上面的配置文件，你就會知道，你現在需要找一個圖標，放在這個目錄下，名字叫icon.png，當然，這個名字只要和上面的配置文件里default_icon的屬性一致就好。
  3. 現在，只要點擊Chrome工具條的菜單按鈕選擇里面的工具（Tools）>> 擴展（Extensions）就好。菜單按鈕如右圖。
  4. 選擇開發者模式，選擇加載未打包的插件，然后，選擇第一步中的那個文件夾即可。好吧，現在我們就可以啟動插件了。
  5. 好了，在地址欄的右側出現了我們的圖標，但是點擊圖標卻什么也沒做，這是自然地，因為我們還什么代碼沒有寫?，F在在那個目錄下，建立一個html文件，并且名字為popup.html，同時在配置文件里“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://*/*]
    }
    此處注意，每一對大括號里的最后一項后面都沒有逗號，其余的每項之間必須用逗號間隔！哪怕是browser_action這樣復合的項目，在他的大括號后也要有逗號。
  6. 在Popup.html里寫上一些html代碼，比如簡單的輸出HelloWorld也好，這個Popup.html和普通的html文件按沒有任何差別。


  7. 這就是基本的插件制作方法，插件制作的中級教程我在一下篇相關經驗會詳細講解的。

注意事項

  • 第一步：格式要正確，且最好此時文件夾里已經有icon圖標。
  • 第三步：有的時候插件需要相關的權限，這一點，可以到百度的數字大人吧學習如何給使用插件。

參考資料

Google Code中Chrome擴展的文檔：http://code.google.com/chrome/extensions/getstarted.html 
百度數字大人吧:http://tieba.baidu.com/f?kw=%CA%FD%D7%D6%B4%F3%C8%CB
經驗內容僅供參考，如果您需要解決具體問題（尤其在法律、醫學等領域），建議您接下來詳細咨詢相關領域專業人士。