chrome外掛程式分為兩種：一種是出現在瀏覽器工具欄中的browser actions，另一種就是出現在位址列中的page actions，這兩者的區別是：ba外掛程式的功能對所有的頁面都可以使用，但是pa外掛程式只會對一些特定的頁面位址才會生效的外掛程式，所以它對於不生效的頁面是隱藏不顯示的。
a. 新建乙個資料夾，然後在該資料夾下面增加乙個manifest.json檔案，檔案內容如下：
}其中name代表應用程式名，version代表版本號，description代表功能描述。這些在安裝擴充套件後就能看到，browser_action代表工具欄擴充套件，它會定義圖示位址、標題（也就是滑鼠懸停提示）和預設的popup頁面。我們這裡定義的popup頁面為popup.html。
b. 接下來開始定義popup.html顯示，它不需要使用、和標籤，可以直接寫上樣式、指令碼和html。我們的popup.html原始碼為：
通過上面介紹我們知道外掛程式操作原頁面dom必須通過content script，所以我們需要首先把content script插入到頁面裡面去，方法如下：2.操作頁面dom的content script檔案// 具體意思就是把名字為content_script的js檔案插入到瀏覽器頁面的content script環境中去
// 這行**若要生效必須要在manifest中的permissions中新增tabs；
// 此方法的第乙個引數是tabid，我們其實就想向當前啟用（顯示）的頁面注入指令碼，所以，我們第乙個引數傳null，這樣就會用預設的值（active tab），但是要這個生效需要增加許可權
// 就像你猜到的，在manifest的permissions中新增：activetab
// 介面文件：
// chrome.tabs的值有哪些呢，查閱：
// 執行content script檔案
chrome.tabs.executescript(null, );
// 接聽content script傳過來的資料
chrome.extension.onrequest.addlistener(function(request, sender, senderresponse)
});
var msg =就是這麼簡單，到此瀏覽器外掛程式的骨骼就完成，剩下的就是你根據自己想獲取頁面那些資料，以及對這些資料做些怎麼樣的處理等等，進一步來豐富自己的元件。chrome.extension.sendrequest(msg, function (response) );
Chrome 外掛程式開發（序）
自從接觸到 chrome 以來，一直對它情有獨鍾。作為乙個普通使用者，介面簡潔 速度快 安全 應用豐富，無疑是很好的體驗。然而，作為乙個應用程式開發者而言，原始碼開放 強大的開發團隊 持續不斷的完善更新 豐富的開發者支援，沒有理由不去關注它。雖說自己還是乙個十足的應用程式開發新手，但一直渴望能涉獵像...
chrome 外掛程式初學開發
這兩天學習了chrome的外掛程式開發，發現寫外掛程式是個很有意思的事情，可以很輕鬆的滿足很多日常的小需求。提高工作效率。下面簡單分享下這兩天寫的兩個外掛程式以及背後的需求點。外掛程式1 automan小工具 需求 公司測試團隊automan經常需要用jquery的選擇器來定位頁面的元素，但測試人員...
chrome外掛程式的開發
一，chrome瀏覽器外掛程式開發 自動登入 二，chrome瀏覽器外掛程式開發 關於案例 以下文章也很不錯 一，chrome 擴充套件開發教程 1 hello chrome 二，chrome 擴充套件開發教程 2 background的用法 三，chrome 擴充套件開發教程 3 content ...