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