浏览器控制台反调试

最新推荐文章于 2026-03-27 20:51:01 发布

原创最新推荐文章于 2026-03-27 20:51:01 发布 · 2.8k 阅读 ·

本内容遵循CC 4.0 BY-SA版权协议

冰峰雪岭

关注

标签

#javascript #开发语言 #ecmascript

分类信息安全与密码学

本文详细介绍了几种常见的反调试方法，包括检测开发者工具和使用debugger指令。针对这些方法，提出了相应的破解技巧，如修改debugger行为、禁用特定函数等。此外，还探讨了混淆过的js中如何识别和处理构造的debugger指令。了解这些技术有助于提升软件的安全性和调试效率。

反反调试 - 常规方法

前文所提到的几个反调试方法，除debugger方式外，均判断是否打开开发者工具。破解的方式也很简单，基本只需两步就可以搞定。

将开发者工具以独立窗口形式打开。
打开开发者工具后再打开网址。

反反调试 - debugger方法

若使用了debugger方法防反调试，会出现无限debugger，有两种破解方法。

<script>

    function consoleOpenCallback2() {
        document.body.innerHTML='年轻人，不要太好奇';
        window.close();
        window.location = "about:blank";
    }

    setInterval(function () {
        const before = new Date();
        (function(){}).constructor("debugger")();
        // debugger;
        const after = new Date();
        const cost = after.getTime() - before.getTime();
        if (cost > 100) {
            consoleOpenCallback2();
        }
    }, 1000);

</script>

直接使用 debugger 指令

使用了间隔setInterval轮询，直接用debugger指令，则可以在Chrome找到对应行（格式化后），右键行号，选择Never pause here即可。

使用了 constructor 构造 debugger

使用了匿名函数构造debugger指令，断点信息显示如下：

(function anonymous(
) {
debugger
})

只需在console中输入以下代码后，点击F8（Resume script execution）回复js代码执行即可（直接点击小的蓝色放行按钮即可）。

Function.prototype.constructor=function(){}

使用了 Function 构造 debugger

使用了Function构造debugger，断点信息显示如下：

(function anonymous(
) {
Function(arguments[0]+"bugger")()
})

只需在console中输入以下代码：

Function = function () {}

说明

对于一些混淆过的js，不能直接看到，其实就是通过构造函数构造的debugger指令，下图是某网站的构建方式。