技術標籤：HTMLCSSJavaScriptjavascripthtmlchrome

只要會前端，簡易的外掛開發基本都沒問題，主要都是些前端三大件。基本流程：

1、建立一個資料夾，比如命名為TestPlug

2、新建配置檔案manifest.json

{
    "name": "TestPlug",
    "version": "1.0",
    "manifest_version": 1, //必須是int，不能是字串，不然會載入不上外掛
    "description"
 
: "An test plug-in for Chrome.",
    "browser_action": { "default_icon": "icon.png", "popup": "popup.html" }, //現在這樣好像不行了，要把"popup": "popup.html"改為"default_popup": "popup.html"，親測可以
    "permissions"
 
: ["http://*/*"]
}

3、和配置檔案並列的路徑，放一張圖片比如icon.png作為圖示。再新建一個html檔案比如popup.html，寫入你要做的外掛的程式碼內容，就基本的HTML內容。

4、開啟Chrome，選擇更多工具 - 擴充套件程式

5、開啟開發者模式，載入已解壓的擴充套件程式，選中你建立的資料夾就可以了