制作chrome插件,實現在訪問特定網站的時候,執行一段js腳本


通過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.刷新網頁:效果如下圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM