JS中注入eval, Function等系统函数截获动态代码
程序员文章站
2023-02-07 12:31:30
现在很多网站都上了各种前端反爬手段,无论手段如何,最重要的是要把包含反爬手段的前端javascript代码加密隐藏起来,然后在运行时实时解密动态执行。
动态执行js代码无...
现在很多网站都上了各种前端反爬手段,无论手段如何,最重要的是要把包含反爬手段的前端javascript代码加密隐藏起来,然后在运行时实时解密动态执行。
动态执行js代码无非两种方法,即eval和function。那么,不管网站加密代码写的多牛,我们只要将这两个方法hook住,即可获取到解密后的可执行js代码。
注意,有些网站会检测eval和function这两个方法是否原生,因此需要一些小花招来忽悠过去。
挂钩代码
首先是eval的挂钩代码:
(function() { if (window.__cr_eval) return window.__cr_eval = window.eval var myeval = function (src) { console.log("================ eval begin: length=" + src.length + ",caller=" + (myeval.caller && myeval.caller.name) + " ===============") console.log(src); console.log("================ eval end ================") return window.__cr_eval(src) } var _myeval = myeval.bind(null) _myeval.tostring = window.__cr_eval.tostring object.defineproperty(window, 'eval', { value: _myeval }) console.log(">>>>>>>>>>>>>> eval injected: " + document.location + " <<<<<<<<<<<<<<<<<<<") })();
这段代码执行后,之后所有的eval操作都会在控制台打印输出将要执行的js源码。
同理可以写出function的挂钩代码:
(function() { if (window.__cr_fun) return window.__cr_fun = window.function var myfun = function () { var args = array.prototype.slice.call(arguments, 0, -1).join(","), src = arguments[arguments.length - 1] console.log("================ function begin: args=" + args + ", length=" + src.length + ",caller=" + (myfun.caller && myfun.caller.name) + " ===============") console.log(src); console.log("================ function end ================") return window.__cr_fun.apply(this, arguments) } myfun.tostring = function() { return window.__cr_fun + "" } object.defineproperty(window, 'function', { value: myfun }) console.log(">>>>>>>>>>>>>> function injected: " + document.location + " <<<<<<<<<<<<<<<<<<<") })();
注意和eval不同,function是个变长参数的构造方法,需要处理this
另外,有些网站还会用类似的机制加密页面内容,然后通过document.write
输出动态解密的内容,因此同样可以挂钩document.write
,挂钩方法类似eval,这里就不重复了。
注入方式
另外,还有个问题需要关注,就是挂钩代码的注入方法。
最简单的就是f12调出控制台,直接执行上面的代码,但这样只能hook住之后的调用,如果希望从页面刚加载时就注入,那么可以用以下几种方式:
- 油猴注入,油猴可以监听文档加载的几种不同状态,并在特定时刻执行js代码。我没有太多研究,具体请参见油猴手册
- 代理注入,修改应答数据,在<head>标签内的第一个位置插入<script>节点,确保在其它js加载执行前注入;fiddler, anyproxy等都可以编写外部规则,具体请参见代理工具的手册
- 使用chrome-devtools-protocol, 通过page.addscripttoevaluateonnewdocument注入外部js代码
fiddler代理规则
不少人没用过代理规则,这里写一下fiddler的规则编写方法:
fiddler菜单里rules > customize rules 打开脚本编辑器
在脚本编辑器里找onbeforeresponse方法,方法内添加下面代码:
if (osession.oresponse.headers.existsandcontains("content-type", "html")){ osession.utildecoderesponse(); // remove any compression or chunking var b = system.text.encoding.utf8.getstring(osession.responsebodybytes); var r = /<head[^>]*>/i; var js = "..."; // 要注入的js源码 b = b.replace(r, "$0<script>" + js + "</script>"); osession.utilsetresponsebody(b); // set the response body back }
这样就会在所有html文档头部自动添加js代码了
总结
以上所述是小编给大家介绍的js中注入eval, function等系统函数截获动态代码,希望对大家有所帮助