本文只介紹最簡單的chrome插件開發(fā)。插件功能：修改百度氧映、簡書相關頁面背景色和字體顏色春畔。
1岛都、目錄結(jié)構(gòu)
- chrome-plugin
- icon.png - 插件圖標（自己隨便找一個就行）
- manifest.json - 擴展程序的配置文件
- script.js - 注入到匹配的Web頁面中的JS文件
- otherScript.js - 注入到匹配的Web頁面中的JS文件
1.1 文件詳情
1.1.1 manifest.json
{
"name": "my plugin",
"manifest_version": 2,
"version": "1.0",
"description": "修改百度、簡書相關頁面背景色和字體顏色",
"browser_action": {
"default_icon": "icon.png"
},
"content_scripts": [
{
"matches": ["https://www.baidu.com/*", "http://www.reibang.com/*"],
"js": ["script.js", "otherScript.js"]
}
]
}
- name：插件名
- default_icon ： 插件圖標
- matches ： content-script注入的Web頁面
- js : 注入到匹配的Web頁面中的JS文件
1.1.2 script.js
console.log('my plugin start...');
document.body.style.backgroundColor = '#10101d';
document.body.style.color = 'white';
1.1.3 otherScript.js
console.log('other script');
2臼疫、配置chrome擴展程序
配置擴展程序步驟
- chrome瀏覽器訪問：chrome://extensions/择份；
- 選擇“開發(fā)者模式”烫堤，然后選擇“加載已解壓的擴展程序”；
- 選中你的插件安裝包即可鸽斟。安裝成功后效果如下圖所示：
安裝成功后效果
注：藍色框框選的表示非官方商店的擴展程序拔创。每次插件包更新后湾盗，都需要自己手動更新伏蚊，點擊“刷新小圖標”即可格粪。
my plugin詳細信息
3、其它
如果插件功能需要定時刷新帐萎，可以考慮安裝插件后比伏，利用windows批處理命令來操作疆导，如：
*****.bat
cd c:/Program Files/Google/Chrome/Application
start chrome.exe https://www.baidu.com/
