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

代码样本

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

https://obfuscator.io/

  

按照它给的原代码:

   

    

     

      

     
     

      

       // Paste your JavaScript code here
      
     
    

     

      

     
     

      

       function hi() {
      
     
    

     

      

     
     

      
  console.log("Hello World!");
      
     
    

     

      

     
     

      

       }
      
     
    

     

      

     
     

      

       hi();
      
     
   
  

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

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

   

    

     

      

     
     

      

       var _0x1201 = ['\x6c\x6f\x67', '\x48\x65\x6c\x6c\x6f\x20\x57\x6f\x72\x6c\x64\x21'];
      
     
    

     

      

     
     

      

       (function(_0x2b91f5, _0x120157) {
      
     
    

     

      

     
     

      
 var _0x2e36e7 = function(_0x40e9dc) {
      
     
    

     

      

     
     

      
 while (--_0x40e9dc) {
      
     
    

     

      

     
     

      

        _0x2b91f5['\x70\x75\x73\x68'](_0x2b91f5['\x73\x68\x69\x66\x74']());
      
     
    

     

      

     
     

      

        }
      
     
    

     

      

     
     

      

        };
      
     
    

     

      

     
     

      

        _0x2e36e7(++_0x120157);
      
     
    

     

      

     
     

      

       }(_0x1201, 0xa3));
      
     
    

     

      

     
     

      

       var _0x2e36 = function(_0x2b91f5, _0x120157) {
      
     
    

     

      

     
     

      

        _0x2b91f5 = _0x2b91f5 - 0x0;
      
     
    

     

      

     
     

      
 var _0x2e36e7 = _0x1201[_0x2b91f5];
      
     
    

     

      

     
     

      
 return _0x2e36e7;
      
     
    

     

      

     
     

      

       };
      
     
    

     

      

     
     

      

       function hi() {
      
     
    

     

      

     
     

      
 var _0x379bb0 = _0x2e36;
      
     
    

     

      

     
     

      
 console[_0x379bb0('\x30\x78\x31')](_0x379bb0('\x30\x78\x30'));
      
     
    

     

      

     
     

      

       }
      
     
    

     

      

     
     

      

       hi();
      
     
    

     

      

     
     

      
 
      
     
    

     

      

     
     

      
 
      
     
   
  

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

'\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节点里，所以直接进行删除即可。

注意事项

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

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

  

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