Chrome谷歌瀏覽器插件編寫簡單入門

做爲開發者平常工做等等都大量接觸過各類Chrome插件，今天帶你們瞭解一下如何編寫本身的Chrome插件。

manifest.json

這是Chrome插件最核心的一個文件，用來存儲各類配置的。

{
  "manifest_version": 2,
  "name": "my_first_extension",
  "version": "0.1.0"
}
複製代碼

必填參數只有三個,通常經常使用參數包括如下

"default_locale": "zh_CN",  // 默認語言
  "description": "A plain text description",  // 描述
  "icons": {...}, // 圖標，能夠放入不一樣尺寸的logo，不過通常放入一個便可
複製代碼

hello world

一個簡單的插件，manifest.json加上一個js文件便可

index.js

alert('hello world')
複製代碼

manifest.json

{
  "name": "第一個Chrome插件",
  "manifest_version": 1,
  "version": "1.0",
  "content_scripts": [
    {
      "matches": [
        "https://www.baidu.com/"
      ],
      "js": [
        "index.js"
      ]
    }
  ]
}
複製代碼

content-scripts是注入腳本的一種形式，matches表示匹配網址，js則能夠同時加載多個，按照數組順序注入

加載到Chrome

以上簡單的步驟便可完成一個簡單的Chrome插件。

加載方式：右上角菜單->更多工具->擴展程序就能夠進入，也能夠直接在地址欄輸入 chrome://extensions 訪問。

這裏有一點須要注意的是，必須 勾選開發者模式 才能夠文件夾的方式加載插件，不然只能加載.crx的插件。

效果以下

更多api 能夠查看官方文檔：developer.chrome.com/extensions