通過chrome插件實現在訪問特定網站的時候,執行一段js腳本只需要四步就可實現
1.制作chrome插件
新建一個simple文件夾,內部文件結果入下圖:
manifest.json的配置是最重要的(我們以百度為例):
{ "manifest_version":2, "version":"1.0.0", "name":"myAdSafe", "description":"百度插件", "browser_action":{}, "permissions":["*://www.baidu.com/"], "background":{}, "content_scripts":[{ "matches":["*://www.baidu.com/"], "js":["index.js"], "run_at":"document_end", "all_frames":true }] }
manifest_version:manifest文件內容格式的版本,目前版本為2,本次介紹的格式都是基於該版本的.
version:該瀏覽器插件的版本。
name:該瀏覽器插件的名稱。
description:該瀏覽器插件的描述信息。
browser_action:瀏覽器插件的工具欄圖標。
permissions:瀏覽器插件需要的權限,支持正則匹配。google對於安全性是相當重視,該配置也是重要的環節!
background:瀏覽器插件后端程序,大部分瀏覽器插件api,以及https網站都需要后端程序來完成。如:獲取瀏覽器插件的版本號。
content_scripts:頁面注入配置。例如:向域名為xx的注入一串輸出hello world的腳本,就需要該配置,同時也需要配置擁有該域名xx的權限。
2.編寫index.js(語法是javascript,也可以引入jquery,方式和 index.js 一樣)
document.getElementById("kw").value = "插件執行一段js腳本";
3.安裝插件進瀏覽器(和安裝其他插件一樣,直接在下面頁面,打開開發模式,將simple 文件拖入 瀏覽器即可。):
4.刷新網頁:效果如下圖