JS逆向之旅：揭开混淆代码的面纱

2023-03-13 04:09:09

揭开JS混淆代码的面纱：踏上JS逆向之旅

探索JS逆向的奥秘

在前端开发中，混淆代码是一种常见的安全措施，可防止未经授权的人查看和修改代码。虽然混淆可以提高代码的安全性，但它也给JS逆向工程师带来了挑战。本文将带你踏上JS逆向之旅，揭开混淆代码的面纱。

第一步：AST还原混淆

要想对混淆代码进行分析，第一步就是要还原混淆代码。我们可以使用AST还原工具来完成这项工作。AST还原工具可以将混淆代码还原成AST语法树，从而使代码更加清晰易读。

// 混淆代码示例
var zzjg = ['\x41\x50\x49\x43\x65\x6c\x6c\x55\x72\x6c\x44\x61\x74\x61\x56\x69\x65\x77', '...'];

// AST还原工具
const astExplorer = require('ast-explorer');
const ast = astExplorer.restore(zzjg);

// AST语法树
console.log(ast);

第二步：寻找3个W值

还原混淆代码后，我们就可以开始分析代码了。首先，我们要找到3个W值的位置。3个W值是混淆代码中的重要变量，它们的值决定了代码的执行流程。

// 查找3个W值
const w1 = ast.findVariableDeclaration('w1');
const w2 = ast.findVariableDeclaration('w2');
const w3 = ast.findVariableDeclaration('w3');

// 打印3个W值
console.log(`w1: ${w1.value}`);
console.log(`w2: ${w2.value}`);
console.log(`w3: ${w3.value}`);

第三步：动态字体woff.2解析

在混淆代码中，我们还会遇到动态字体woff.2文件。woff.2文件是一种字体文件，它可以被浏览器动态加载和渲染。我们可以使用woff.2解析工具来分析woff.2文件，从而提取出其中的字体信息。

// woff.2解析工具
const woff2Decoder = require('woff2-decoder');

// 加载woff.2文件
const woff2Buffer = fs.readFileSync('font.woff2');

// 解析woff.2文件
const woff2Data = woff2Decoder.decode(woff2Buffer);

// 提取字体信息
const fontName = woff2Data.fontName;
const fontStyle = woff2Data.fontStyle;

// 打印字体信息
console.log(`字体名称: ${fontName}`);
console.log(`字体样式: ${fontStyle}`);