JavaScript反混淆插件一:处理十六进制、中英文Unicode字符串或数值

野性酷女 2022-12-19 03:39 276阅读 0赞

### 代码样本 ###

打开著名的JavaScript在线混淆网站:

https://obfuscator.io/

按照它给的原代码:

// Paste your JavaScript code here
    function hi() {
      console.log("Hello World!");
    }
    hi();

选择下图所示的选项，其他的不变:

![format_png][]

然后点击 Obfuscator 按钮，这它帮我们混淆了代码:

可以看到，有很多类似这样的字符串:

'\x6c\x6f\x67'

可以说，非常的不直观，下面就来介绍，如何将这种不直观的字符串还原成人容易阅读的字符串。

### 插件功能 ###

处理人难以阅读的字符串或者数值。简单来说就是将不直观的字符串或者数值变得直观。

### 处理实例 ###

处理前:

var a = 0x25,b = 0b10001001,c = 0o123456,
    d = "\x68\x65\x6c\x6c\x6f\x2c\x41\x53\x54",
    e = "\u0068\u0065\u006c\u006c\u006f\u002c\u0041\u0053\u0054";

处理后:

var a = 37,b = 137,c = 42798,d = "hello,AST",e = "hello,AST";

### 插件来源 ###

官方插件 plugin-transform-literals，略有修改，地址:

https://babeljs.io/docs/en/babel-plugin-transform-literals

### 插件源码 ###

const transform_literal = {
      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;
        }
      },
    }

### 插件原理 ###

官网手册查询得知，NumericLiteral、StringLiteral类型的extra节点并非必需，这样在将其删除时，不会影响原节点。

对照在线网站进行解析时，其value节点是可阅读的字符串，难以识别的字符串放在了extra节点里，所以直接进行删除即可。

![format_png 1][]

### 注意事项 ###

此插件无法处理非ASCII码的字符，而对于我们来说也不需要处理，如果需要处理中文Unicode，请将 [**babel库反混淆代码模板**][babel]这篇文章最后生成代码处稍微修改下即可。

let {code} = generator(ast,opts = {jsescOption:{"minimal":true}});

请大家用上面的插件还原下文章开头被混淆了的代码，试试效果。

[format_png]: /images/20221120/5795343bcf864ca6b5b3823ba8dda8c1.png
[format_png 1]: /images/20221120/34c33ec1a1604beeab80cc4a4db244ab.png
[babel]: http://mp.weixin.qq.com/s?__biz=MzAwNTY1OTg0MQ%3D%3D&chksm=83237a5cb454f34a4fedd915f3ed77e0f563133a7a3e47cc9375f00661b25971579f2fec0fa3&idx=1&mid=2647562226&scene=21&sn=15627004407c3ec492c2cdd8285f6fff#wechat_redirect