如何使用谷歌插件為網站注入程式碼

在瀏覽網站時，受限於網站的缺陷，我們通常都會寫一些腳本和插件來進行擴展，常規方法有油猴和谷歌插件兩種，油猴也是一種插件，使用起來很方便，今天要講的是如何通過谷歌插件進行注入。

按照結構生成下面幾個文件

|chrome-plugin
|---manifest.json
|---script.js
|---favicon.ico

在 manifest.json 中寫入程式碼，這是一個入口文件，聲明了插件的基本信息。

default_icon 是插件的圖標
matches 是使用的網站，在該域名下的網站才會生效。注意後面要加上 /*
js 是引入的文件

// manifest.json

{
  "name": "Welcome",
  "manifest_version": 2,
  "version": "1.0",
  "description": "擴展插件",
  "browser_action": {
    "default_icon": "favicon.ico"
  },
  "content_scripts": [
    {
      "matches": ["https://github.com/*"],
      "js": ["script.js"]
    }
  ]
}

然後在 script.js 中隨便插入一段程式碼即可。

// script.js

console.log('hello, world!')

這樣一個基本的插件就構成了，下一步就是上傳。但是如果在打包生成 crx 文件後，上傳 crx 文件會報錯，顯示危險，因為沒有上架到谷歌商店。所以我們不用打包，直接加載本地文件。

然後選擇寫好的文件夾

點擊確定上傳即可，這樣一個插件上傳的步驟就完成了。我們可以學習相關技術，寫上一些自己需要的功能，這也是 Chrome 瀏覽器這麼受歡迎的原因之一，集成了大量的插件。

如果你想上傳到商店出售或者免費分享，都是需要註冊開發者帳號的。繳納 5 美元費用之後就可以上傳了，審核過後就可以在商店列表看到你的插件。