Chrome扩展:拦截网页JS并替换

 时间:2024-09-23 02:24:42

本篇介绍如何在chrome扩展开发中拦截网页js并替换执行自己定义的js我会把其他代码写得尽量精简,为了凸显主要功能(红线标出是步骤核心)

工具/原料

chrome浏览器

最基本的js知识

准备工作

1、编辑manifest.json文件除了minifest必须的字段外你需要添加:迷撞笸痉两个权限:"webRequest","webRequestBl泠贾高框ocing"和"web_accessible_resources":["returns.js"](returns.js是你要注入的js文件名称)

Chrome扩展:拦截网页JS并替换

2、在minifest.json文件里引入background.html在background.html里引入background.js使js在后台运行

Chrome扩展:拦截网页JS并替换

Chrome扩展:拦截网页JS并替换

实战

1、方便演示我准备了一个空网页和JS(clock.js)js所做的就是在网页和后台输出当前时间

Chrome扩展:拦截网页JS并替换

Chrome扩展:拦截网页JS并替换

2、现螅岔出礤在来拦截:编辑后台运行的background.js文件(步骤一准备的)内容'''chrome.webRequest.onBeforeRequest.ad颊俄岿髭dListener(function(details){return{redirectUrl:chrome.extension.getURL("returns.js")};//returns.js是你要替换的js脚本},{urls:["*://127.0.0.1/static/js/*"],//你要拦截的url地址types:["script"]//拦截类型为script,},["blocking"]//类型blocking为拦截,);'''

Chrome扩展:拦截网页JS并替换

3、现螅岔出礤在编写returns.js是你要注入的代码'''functionhack(){document.write("<div><茑霁酌绡h1>现在是returns.js在工作!!!</h1></div>");}console.log("returns.js在工作!")hack();'''这个文件替换clock.js进行工作,看代码

Chrome扩展:拦截网页JS并替换

4、最后把文件导入谷歌扩展

Chrome扩展:拦截网页JS并替换

5、最后刷新hook的网页看效果计时clock.js被替换成returns.js

Chrome扩展:拦截网页JS并替换

Chrome扩展:拦截网页JS并替换

软媒魔方:[30]修复异常显示的桌面图标 易语言编译时出现静态编译失败解决办法 如何禁用Win7 64系统的驱动签名 Notepad3笔记本如何启用标记匹配? Photoshop CS6 怎么取消自动更新提示?
热门搜索
血族动漫 韩国r级电影 仙剑奇侠传图片 孔融让梨的图片 动漫新闻