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