如何基于JS截获动态代码
这篇文章主要介绍了JS注入eval,Function系统函数并截获动态代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
正文
现在很多网站都上了各种前端反爬手段，无论手段如何，最重要的是要把包含反爬手段的前端javascript代码加密隐藏起来，然后在运行时实时解密动态执行。
动态执行js代码无非两种方法，即eval和Function。那么，不管网站加密代码写的多牛，我们只要将这两个方法hook住，即可获取到解密后的可执行js代码。
注意，有些网站会检测eval和Function这两个方法是否原生，因此需要一些小花招来忽悠过去。
挂钩代码
首先是eval的挂钩代码：
(function(){
if(window.__cr_eval)return
window.__cr_eval=window.eval
varmyeval=function(src){
console.log("================evalbegin:length="+src.length+",caller="+(myeval.caller&&myeval.caller.name)+"===============")
console.log(src);
console.log("================evalend================")
returnwindow.__cr_eval(src)
}
var_myeval=myeval.bind(null)//注意：这句和下一句就是小花招本招了！
_myeval.toString=window.__cr_eval.toString
Object.defineProperty(window,'eval',{value:_myeval})
console.log(">>>>>>>>>>>>>>evalinjected:"+document.location+"<<<<<<<<<<<<<<<<<<<")
})();
这段代码执行后，之后所有的eval操作都会在控制台打印输出将要执行的js源码。
同理可以写出Function的挂钩代码：
(function(){
if(window.__cr_fun)return
window.__cr_fun=window.Function
varmyfun=function(){
varargs=Array.prototype.slice.call(arguments,0,-1).join(","),src=arguments[arguments.length-1]
console.log("================Functionbegin:args="+args+",length="+src.length+",caller="+(myfun.caller&&myfun.caller.name)+"===============")
console.log(src);
console.log("================Functionend================")
returnwindow.__cr_fun.apply(this,arguments)
}
myfun.toString=function(){returnwindow.__cr_fun+""}//小花招
Object.defineProperty(window,'Function',{value:myfun})
console.log(">>>>>>>>>>>>>>Functioninjected:"+document.location+"<<<<<<<<<<<<<<<<<<<")
})();
注意：和eval不同，Function是个有变长参数的构造方法，需要处理this
另外，有些网站还会用类似的机制加密页面内容，然后通过document.write输出动态解密的内容，因此同样可以挂钩document.write，挂钩方法类似eval，这里就不重复了。
注入方式
另外，还有个问题需要关注，就是挂钩代码的注入方法。
最简单的就是F12调出控制台，直接执行上面的代码，但这样只能hook住执行之后的eval调用，如果希望从页面刚加载时就注入，那么可以用以下几种方式：
- 油猴注入，油猴可以监听文档加载的几种不同状态，并在特定时刻执行js代码。我没有太多研究，具体请参见油猴手册
- 代理注入，修改应答数据，在标签内的第一个位置插入");
oSession.utilSetResponseBody(b);//Settheresponsebodyback
}
这样就会在所有html文档头部自动添加js代码了
2.如何添加anyproxy代理规则
编辑一个rule.js保存在anyproxy根目录下，内容如下：
functioninjectEval(){ if(window.__cr_eval)return ...//见正文，此处略 console.log(">>>>>>>>>>>>>>evalinjected:"+document.location+"<<<<<<<<<<<<<<<<<<<") } module.exports={ summary:'aruletohookalleval', *beforeSendResponse(requestDetail,{response}){ if(response.header["Content-Type"].indexOf("text/html")>=0){ response.body=(response.body+"").replace(/带规则启动anyproxy
anyproxy-rrule.js
可以看到，使用基于js的工具链有其天然优势，即注入代码可以以源码而不是字符串形式和规则代码共存，这样可以利用到IDE的语法检查、自动完成等机制，能够大大提高生产力。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。