Chrome
創(chuàng)建
Chrome 插件中的核心文件是 manifest.json 摸吠。這是一個Chrome插件最重要也是必不可少的文件伤溉，用來配置所有和插件相關的配置芦倒，必須放在根目錄雪营。其中，manifest_version齿诞、name酸休、version3個是必不可少的，description和icons是推薦的祷杈。
{
"manifest_version": 2,
"name": "demo",
"version": "0.1",
"description": "簡單的Chrome擴展demo",
"icons": {
"16": "icon.png",
"48": "icon.png",
"128": "icon.png"
},
"content_scripts": [{
// "<all_urls>" 表示匹配所有地址
"matches": ["<all_urls>"],
"css": ["injection.css"],
"js": ["script.js"],
}]
}
文件目錄
加載
從右上角菜單->更多工具->擴展程序可以進入 插件管理頁面斑司，也可以直接在地址欄輸入 chrome://extensions 訪問。
勾選開發(fā)者模式即可以文件夾的形式直接加載插件但汞。
其它任何網(wǎng)站下載的插件都無法直接安裝宿刮，但我們可以把crx文件解壓，然后通過開發(fā)者模式直接加載特占。
Safari
創(chuàng)建
在 Safari 13 之后糙置，開發(fā)菜單中的“Show Extension Builder”已被移除，改為使用 Xcode 創(chuàng)建 Safari 擴展是目。
新建擴展
注入文件的配置在擴展文件夾下的 Info.plist 文件中谤饭。
Info.plist
主要的幾個配置項：
| Key | 說明 |
|---|---|
| SFSafariContentScript | JavaScript 腳本 |
| SFSafariStyleSheet | CSS 樣式表 |
| SFSafariWebsiteAccess | 注入域名 |
加載
項目直接運行之后，Safari 會自動加載包含的插件，可在【偏好設置->擴展】中選擇是否加載揉抵。
如果項目沒有簽名配置的話亡容，Safari 要開啟【開發(fā)->允許未簽名擴展】
如果Safari沒有菜單選項，勾選【偏好設置->高級->在菜單中顯示“開發(fā)”菜單】
