chrome瀏覽器插件開發實例

每天學習一點點 編程PDF電子書、視頻教程免費下載：
http://www.shitanlife.com/code

 

 

 

具體步驟：

1.新建 manifest.json 文件

{
    "name": "hijack analyse plug",
    "version": "0.0.1",
    "manifest_version": 2,
    "description": "chrome plug analyse and guard the http hijack",
    "content_scripts": [
        {
            "js": [
                "jquery.min.js",
                "test.js"],
            "matches": [
                "http://*/*","https://*/*"],
            "run_at": "document_start"
        }],
    "permissions": [
        "http://*/*","https://*/*"
        ]
}

 

其中引入了jquery.min.js 和 test.js 文件

 

每天學習一點點 編程PDF電子書、視頻教程免費下載：
http://www.shitanlife.com/code

 

 

2.實現 test.js 邏輯

$(function(){
    console.log('begin xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx')
    var currentUrl = window.location.href
    if(currentUrl == 'http://localhost:8082/#/index/main'){
        setInterval("checkStatus()", 2000)
    }
})

function checkStatus(){
    console.log($(".twui-footer__layout ul li").eq(0).html())
}

 

每天學習一點點 編程PDF電子書、視頻教程免費下載：
http://www.shitanlife.com/code

 

 

運行插件

chrome 中輸入：chrome://extensions

選擇加載已解壓的插件-》選擇文件根目錄即可。

 

 

每天學習一點點 編程PDF電子書、視頻教程免費下載：
http://www.shitanlife.com/code