AST实战技巧|使用v神插件动态替换AST还原后的代码

关注它，不迷路。

• 本文章中所有内容仅供学习交流，不可用于任何商业用途和非法用途，否则后果自负，如有侵权，请联系作者立即删除！

本文旨在讲解 v_jstools的 高级hook功能，如下图所示:

一.实战网站

本文以猿人学第二题为例，来讲解该功能的详细用法:

https://match.yuanrenxue.com/match/2

二.操作方法

浏览器打开上面的网站后，在页面空白处，点击 打开v_jstools 动态调试按钮，如下图:

然后按下F12快捷键，打开开发者工具，清除掉cookie等缓存，重新请求，停到debugger的位置，往下追一个，看到js代码是这样的:

这是一些十六进制的字符串，写个简单的插件给它还原回去:

const simplifyLiteral = {
  NumericLiteral({node}) {
    if (node.extra && /^0[obx]/i.test(node.extra.raw)) {
      node.extra = undefined;
    }
  },
  StringLiteral({node}) 
  {
    if (node.extra && /\\[ux]/gi.test(node.extra.raw)) {
      node.extra = undefined;
    }
  },
}


traverse(ast, simplifyLiteral);

二.高级HOOK

按照它给的示例代码，我在这里也写出对应的代码:

function fetch_hook(code, url) {


    var ast = parser.parse(code);


    const simplifyLiteral = {
        NumericLiteral({node}) {
            if (node.extra && /^0[obx]/i.test(node.extra.raw)) {
                node.extra = undefined;
            }
        },
        StringLiteral({node}) {
            if (node.extra && /\\[ux]/gi.test(node.extra.raw)) {
                node.extra = undefined;
            }
        },
    }


    traverse(ast, simplifyLiteral);


    var {code} = generator(ast, {
        jsescOption: {
            minimal: true,
        },
        compact: true,
    });
    return code
}

把上面的这段代码填入到下面的空白框内即可。

这个时候，清除掉cookie，重新请求，停到debugger的位置，往下追一个，看到js代码是这样的:

代码压缩成一行了，因为我在生成code里面加了这个: compact:true,

熟悉ob混淆的朋友都知道，如果不加这个，会导致浏览器卡死。

我们将其进行格式化即可:

可以看到，所有的十六进制字符串都被还原了，现在来看看还原后代码是否正常运行.按下F8后来到debugger位置，然后右键选择 最后一项:

再次按下F8，可以看到网站正常加载了，此次替换成功，可以进行调试了。

好了，本文的内容就到这里，感谢阅读。

插件功能非常的强大，等待各位去发掘，感谢大佬开源。

想要了解更复杂的功能，可以进微信群与大佬零距离交流噢。