開發chrome擴充程式

Google瀏覽器延伸程式官方文檔：http://code.google.com/chrome/extensions/getstarted.html#入門1. 建立檔案夾如：c:\demo2. 在該檔案夾下建立名為manifest.json的檔案，內容格式為json格式，文法如下{   "name": "My First Extension",  "version": "1.0",  "description": "The first extension that I made.",  "browser_action": {    "default_icon": "icon.png","popup": "a.html"  },   "permissions": [    "http://*/","bookmarks","tabs","history"  ] } 3. 在demo檔案夾中至少包含 icon.png(表徵圖),a.html(外掛程式按鈕被點下時顯示的網頁)#安裝1. 開發版的chrome瀏覽器中(各個版本中操作稍有不同)，依次點 工具表徵圖->工具->擴充程式，進入擴充程式管理頁面2. 現在你已經進入外掛程式管理頁面，點擊頁面右側的"開發人員模式", 點擊“載入正在開發的擴充程式”3. ok了>注意的問題：某些時候看起來沒有任何錯誤的代碼卻沒有得到執行？可能是manifest.json檔案中沒有開啟代碼中用到的許可權#如何調試？問題：外掛程式的調試並不在當前瀏覽的頁面中，那有辦法調試嗎？答案：成功安裝了正在開發的擴充，並且啟用開擴充之後在地址欄將將顯示該應用的表徵圖，在該表徵圖上點右鍵，選擇“審查彈出內容”，好了，現在調試的就是你的擴充程式了。如命令：console.dir(chrome)，將顯示chrome的所有屬性#如何把js指令碼載入到瀏覽的頁面中？官方指導頁：http://code.google.com/chrome/extensions/content_scripts.html具體有兩種方法，推薦方法1：方法1:   在設定檔manifest.json中加入類似下面格式的內容  "content_scripts": [    {      "matches": ["http://www.baidu.com/*"],      "css": ["1.css", "2.css", "3.css"],      "js": ["1.js", "2.js", "3.js"]    }  ]  matches是匹配url，只有匹配的url才會添加這些內容  css是要附加的css檔案清單  js是要附加的js檔案清單方法2: 1. 在外掛程式目錄中建立js檔案，如test.js2. 在popup指定的頁面中執行方法：chrome.tabs.executeScript(null, {file: "test.js"});>關於：關於executeScript的更多方法請參見官方文檔，該函數可以執行指令碼，檔案等轉載請保留內容完整性，原文地址：http://www.cnblogs.com/igrl/archive/2010/09/28/1837236.html