編寫第一個Chrome插件

 

1.本地新建一個目錄，比如我的目錄取名chrome，chrome目錄下新建manifest.json，

"manifest_version": 2  是固定寫法，不然會報錯‘ The 'manifest_version' key must be present and set to 2 (without quotes). See developer.chrome.com/extensions/manifestVersion.html for details.’

{
  "name": "第一個Chrome插件",
  "manifest_version": 2,
  "version": "1.0",
  "description": "我的第一個Chrome插件，還不錯吧",
  "browser_action": {
    "default_icon": "6969.png"
  },
  "content_scripts": [
    {
      "matches": ["https://www.baidu.com/*"],
      "js": ["a.js"]
    }
  ]
}

2.chrome目錄下新建一個圖片，比如我取名6969.png

6969.png

3.chrome目錄下新建一個js文件，比如我取名a.js

document.title = '試試修改百度頁面標題'

a.js 代碼

4.打開chrome瀏覽器，更多工具->擴展程序 ，開發者默認先選擇打開狀態

 

5.選‘加載已解壓的擴展程序’，彈框選擇本地建好的目錄，比如我就選擇我剛建好本地的chrome目錄。加載好了後，然後開發者默認選擇關閉狀態。
6.現在訪問https://www.baidu.com/ 就頁面標題被改了。