柚子快報邀請碼778899分享：前端 開發(fā)Chrome擴展插件

http://yzkb.51969.com/

1.首先開發(fā)谷歌chrome擴展插件，沒有嚴格的項目結(jié)構(gòu)目錄，但是需要保證里面有一個mainfest.json文件 (必不可少的文件)。在這個文件里有三個屬性必不可少：name、version、mainfest_version；

// 清單文件的版本，這個必須寫，而且必須是2 也可以是3 不一定必須是2

"manifest_version": 2,

// 插件的名稱

"name": "demo",

// 插件的版本

"version": "1.0.0",

2.頁面結(jié)構(gòu)目錄

3.具體配置

3-1? manifest.json

4.具體如何在chrome配置

4-1 谷歌游覽器點擊右上方豎向...,進入到擴展程序配置頁

4-2 Edge游覽器點擊右上方橫向...,進入到擴展程序配置頁

4-3 點擊 加載已解壓的擴展程序 可能選取文件夾時，明明里面是有文件的，但是選的時候里面是沒有的，是正常的，就這樣選就可以了

4-4 插件圖標顯示問題

4-4-1 第一個紅框框 點一下 就會在導航哪里顯示出來這個插件

4-4-2 第二個紅框框 點擊會出來一些配置 選中'檢查彈出窗口' 會出現(xiàn)你再插件控制臺打印的一些日志

4-4-3 每次更改完文件 需要在擴展程序頁面點擊重新加載 再點擊檢查彈出窗口 保持實時更新（圖一、圖二刷新按鈕后的開關(guān)，再第一次加載完插件要保持為開啟狀態(tài)）

圖一為Edge游覽器

圖二為谷歌游覽器

5.具體插件功能根據(jù)實際需求在app.js或者content.js或者backgound.js寫就可以了。

6.不管是在哪個js里寫 再manifest.json中"content_scripts"引入即可，多個逗號隔開就行了

// 需要直接注入頁面的JS

"content_scripts": [

{

// 多個JS按順序注入

"matches": [""],

// 多個JS按順序注入

"js": ["app.js","content.js"]

}

],

7.如果有啥疑問可以私信作者，寫的有點倉促，歡迎大家補充。

柚子快報邀請碼778899分享：前端 開發(fā)Chrome擴展插件

http://yzkb.51969.com/

好文閱讀