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

 

转载于:https://www.cnblogs.com/scode2/p/9760091.html

相关资源：Google官方chrome开发案例