开发必备！Fiddler 手机调试5大技巧！

背景

在移动端开发和调试过程中，经常需要通过代理工具截获和修改请求，以便模拟不同的网络环境或本地调试 JavaScript 文件。Fiddler 是一款功能强大的抓包工具，通过设置本地代理和安装证书，可以方便地进行 HTTPS 解密、请求重定向和内容替换等操作。

本文将介绍如何在手机端安装 Fiddler 的 HTTPS 证书，并展示几种常见的使用技巧。

一、安装 HTTPS 证书（适用于手机）

为了让手机端的 HTTPS 请求能被 Fiddler 捕获并解密，需要手动安装 Fiddler 的根证书：

• 打开手机上的 Safari 浏览器；
• 在地址栏中输入 Fiddler 显示的 IP 和端口，例如 http://172.21.14.197:8888；
• 页面打开后，点击 "FiddlerRoot certificate" 下载安装；
• 安装完成后，在手机的「设置」中前往「通用 > 关于本机 > 证书信任设置」，找到刚刚安装的证书并手动启用信任。

二、常用技巧整理

以下是 Fiddler 在本地调试中常用的几个技巧，能帮助我们替换资源、重定向地址、模拟请求等操作。

1. 替换远程 JS 文件（带 CDN 域名）

使用正则匹配 CDN 域名（可为 pre-cdn1 到 pre-cdn4），并替换为本地 JS 文件路径：

regex:(?inx)^http://pre-cdn[1-4].24cp.com/gameapp1_wanlitong/game/farm/libs/min/laya.core.min.js.+
D:\Users\mingming\Desktop\laya.core.min.js

2. 替换带参数的 JS 文件（结尾含 ?v=xxx）

注意：正则中 ? 要写成 \?：

regex:(?inx)^http://youxi36-wap.stg2.24cp.com/files/js/game/horse/horserace.js\?v.+
D:\Users\mingming\Desktop\horserace.js

3. 重定向页面地址

将某个请求地址精准重定向到其他地址：

EXACT:http://m.1768.com/?act=game_pvz
*redir:http://yx100-wap.stg3.1768.com/?act=game_kpnn

4. 模拟 POST 请求返回 404

可用于测试客户端对错误响应的处理：

METHOD:POST REGEX:(?insx)http://youxi36-wap.stg2.24cp.com/.+
*404-SESSION_40

5. 修改 Ajax 请求返回内容

详细步骤如下：

1.首先点击下图红框区域，进行编码转换（避免乱码）：

2.将需要修改的请求拖动到 AutoResponder 界面，右键点击请求，选择 Edit Response：

3.切换至 TextView，修改返回内容或响应头，然后点击保存：

总结

通过安装 Fiddler 证书和灵活使用 AutoResponder，我们可以在手机调试中实现本地 JS 替换、请求重定向、模拟错误响应等功能，大大提升调试效率。这些技巧特别适合用于开发联调、灰度测试以及前后端接口联调阶段，是前端工程师和测试人员的利器。

如需进一步深入使用 Fiddler，也建议结合 FiddlerScript 自定义规则，实现更复杂的调试逻辑。