如何開發一個瀏覽器插件

本文針對於谷歌瀏覽器,不過其它瀏覽器插件大同小異

首先,我們需要創建一個文件夾,命名隨意

然后,我們需要創建一個manifest.json的文件,命名必須要這個,這個是谷歌內核瀏覽器的入口類配置文件

里面內容大概是這樣

{
//插件名
  "name": "GODFEI",
//版本號
  "version": "1.0",
//谷歌12后的內核版本后必填,是什么意思就不用多說了,看作是解析插件的內核模塊版本號就行
  "manifest_version": 2,
//見其名知其意
  "description": "hello firstchajian demo.",
//插件圖標,128代表分辨率128*128,還有16*16的,不過你填最高的就行了,因為瀏覽器會自動調整的
  "icons": {
    "128": "1149489.png"
  },
//背景html,就是你點擊插件圖標后出現的框框
  "background": {
    "page": "BG.html"
  },
//要加載的資源,如果你的html里需要引入js的話,請務必寫上,還有我這里寫的是相對路徑,因為我把所有資源都放在一個文件夾下了
  "browser_action": {
    "default_title": "",
    "default_icon": "1149489.png",
    "default_popup": "BG.html"
  },
//這是權限,不用我多解釋了吧?意思就是你在哪個網頁下可以訪問的這個插件
  "permissions": [
    "http://*/*",
    "https://*/*"
  ]
}
這是我的html截圖

文件夾里內容的截圖

一切弄完,那么該怎么上傳這個插件呢?

首先點擊右上角,然后更多工具->擴展程序

之后注意,一定要將右上角的開發者模式打開

再之后點擊左上角的加載已解壓的擴展程序,將文件夾導入,OK,這樣就成功了

效果如下

參考文檔:http://open.chrome.360.cn/extension_dev/overview.html  此為360官方文檔,因為360瀏覽器使用的是谷歌瀏覽器內核,所以通用,英文好的可以直接去看谷歌官方文檔