JS逆向的小技巧以及XHR断点的案例分析

# JS逆向的小技巧以及XHR断点的案例分析

## 前言

在Web安全研究和爬虫开发中，JavaScript逆向工程是突破前端加密的关键技术。本文将分享实用的JS逆向技巧，并通过XHR断点调试的实战案例，演示如何快速定位关键请求参数。

---

## 一、JS逆向核心思路

### 1. 代码定位四步法
- **搜索关键字**：在开发者工具中全局搜索`encrypt`、`sign`、`token`等关键词
- **调用栈分析**：通过异常断点回溯加密函数调用链
- **Hook拦截**：使用`Proxy`或`Object.defineProperty`劫持关键函数
- **AST还原**：对混淆代码进行语法树解析与重构

### 2. 常用调试技巧
```javascript
// 方法1：控制台重写函数
var _original = window.crypto.encrypt;
window.crypto.encrypt = function(params){
    console.log("Input:", params);
    let result = _original(params);
    console.log("Output:", result);
    return result;
}

// 方法2：XHR/Fetch拦截
(function() {
    var open = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        console.log('XHR:', arguments);
        return open.apply(this, arguments);
    };
})();

二、XHR断点实战案例

案例背景

分析某电商平台商品列表接口的加密参数_signature生成逻辑

调试过程

1. 网络请求观察

- 发现关键POST请求携带_signature参数 - 常规搜索无果，参数为动态生成

2. 添加XHR断点

1. Chrome开发者工具 → Sources → XHR Breakpoints
2. 添加包含/api/goods/list的URL断点

3. 调用栈分析

触发断点后查看Call Stack：

► encryptParams (vendor.js:125)
► buildRequest (main.js:87)
► sendData (utils.js:203)
► XMLHttpRequest.send (native)

4. 关键代码定位

在vendor.js中找到核心加密逻辑：

function generateSign(params) {
    let secret = "k5j8$B#d";
    let str = Object.keys(params)
                   .sort()
                   .map(k => `${k}=${params[k]}`)
                   .join("&");
    return md5(str + secret);
}

5. 参数验证

在Console快速验证：

generateSign({page:1, size:20}) 
// 输出：a3f5e8c91b2d47d6b0e1f4c2

三、进阶技巧

1. 反调试对抗

• 检测断点：通过console.debug或Date.now()差值检测

// 反调试代码示例
setInterval(() => {
    if(performance.now() > 100){
        window.location.reload();
    }
}, 500);

• 应对方案：使用Fiddler等工具代理请求，或通过override脚本禁用检测

2. WebAssembly解析

遇到wasm加密时： 1. 使用wasm2js工具转换 2. 分析导出函数的调用关系 3. Hook内存读写操作

四、工具推荐

结语

JS逆向需要耐心与技巧的结合，XHR断点能快速定位网络请求的加密入口。建议在实际操作中： 1. 先整体观察再局部深入 2. 保持加密参数的上下文记录 3. 编写自动化验证脚本提高效率

声明：本文技术仅限合法授权场景使用，请遵守相关法律法规。 “`

注：实际使用时需要： 1. 替换示例图片链接 2. 根据具体案例修改代码片段 3. 补充参考文献和工具的最新链接 4. 调整字数（当前约850字，可扩展案例细节）