当前位置：首页 > news >正文

精通 Fiddler：Web 调试利器的深度探索

news 来源：原创 2025/6/19 2:51:59

精通 Fiddler：Web 调试利器的深度探索

一、引言

在 Web 开发和测试领域，Fiddler 是一款功能强大且广泛使用的抓包工具。它可以帮助开发者和测试人员捕获、分析和修改 HTTP/HTTPS 通信数据，对于调试 Web 应用、移动应用以及排查网络问题具有重要作用。本文将深入介绍 Fiddler 的各项功能，助你精通这一工具。

二、Fiddler 基础

2.1 安装与启动

安装：访问 Fiddler 官方网站下载安装包，按照提示完成安装。
启动：安装完成后，启动 Fiddler。首次启动时，Fiddler 会自动配置浏览器代理，以便捕获浏览器的网络请求。

2.2 界面布局

Fiddler 的主界面主要由以下几个部分组成：

会话列表（Session List）：显示捕获到的所有网络请求和响应信息，包括请求的 URL、请求方法、响应状态码等。
请求检查器（Request Inspector）：用于查看和编辑请求的详细信息，如请求头、请求体等。
响应检查器（Response Inspector）：用于查看和分析响应的详细信息，如响应头、响应体等。
状态栏（Status Bar）：显示当前 Fiddler 的状态信息，如捕获状态、代理设置等。

三、抓包功能

3.1 基本抓包

启动 Fiddler 后，打开浏览器并访问网页，Fiddler 会自动捕获浏览器发出的所有网络请求。在会话列表中可以看到每个请求的详细信息，如请求的 URL、请求方法（GET、POST 等）、响应状态码等。
双击会话列表中的某个请求，即可在请求检查器和响应检查器中查看该请求和响应的详细内容。

3.2 过滤请求

当捕获的请求较多时，可以使用过滤功能来筛选出需要的请求。在 Fiddler 的菜单栏中，选择 “Filters” 选项卡，在其中可以设置过滤条件，如按请求的 URL、请求方法、响应状态码等进行过滤。
例如，只显示请求 URL 中包含 “example.com” 的请求，可以在 “Show only if URL contains” 文本框中输入 “example.com”，然后点击 “Apply” 按钮。

3.3 捕获 HTTPS 请求

Fiddler 可以捕获 HTTPS 请求，但需要进行一些额外的配置。在 Fiddler 的菜单栏中，选择 “Tools” -> “Options”，在弹出的对话框中选择 “HTTPS” 选项卡。
勾选 “Decrypt HTTPS traffic” 选项，然后点击 “Actions” 按钮，选择 “Trust Root Certificate” 来安装 Fiddler 的根证书。安装完成后，Fiddler 就可以解密并捕获 HTTPS 请求了。

四、请求修改与重放

4.1 修改请求

在会话列表中选择一个请求，在请求检查器中可以对请求的各个部分进行修改，如请求头、请求体等。例如，可以修改请求的参数值、添加或删除请求头字段。
修改完成后，点击请求检查器中的 “Execute” 按钮，Fiddler 会将修改后的请求重新发送到服务器，并显示新的响应结果。

4.2 重放请求

如果需要多次发送相同的请求进行测试，可以使用 Fiddler 的重放功能。在会话列表中选择一个请求，右键点击该请求，选择 “Replay” -> “Reissue request”，Fiddler 会再次发送该请求，并显示响应结果。
还可以使用 “Replay” -> “Reissue and follow redirections” 选项，让 Fiddler 自动处理请求的重定向。

五、脚本功能

5.1 FiddlerScript 简介

FiddlerScript 是 Fiddler 内置的脚本语言，用于扩展 Fiddler 的功能。通过编写 FiddlerScript 脚本，可以实现自定义的请求处理、响应修改、数据过滤等功能。

5.2 简单脚本示例

修改请求头：在 FiddlerScript 编辑器（菜单栏中选择 “Rules” -> “Customize Rules”）中，找到 OnBeforeRequest 函数，添加以下代码：

if (oSession.uriContains("example.com")) {
    oSession.oRequest.headers["User-Agent"] = "Custom User-Agent";
}

这段代码的作用是，当请求的 URL 包含 “example.com” 时，将请求头中的 “User - Agent” 字段修改为 “Custom User - Agent”。

修改响应体：在 OnBeforeResponse 函数中添加以下代码：

if (oSession.uriContains("example.com")) {
    var body = System.Text.Encoding.UTF8.GetString(oSession.responseBodyBytes);
    body = body.replace("old text", "new text");
    oSession.utilSetResponseBody(body);
}

这段代码会在响应的 URL 包含 “example.com” 时，将响应体中的 “old text” 替换为 “new text”。

六、性能分析

6.1 查看请求时间

在会话列表中，Fiddler 会显示每个请求的响应时间。可以通过点击列标题对请求按响应时间进行排序，找出响应时间较长的请求。
还可以在会话列表中选择一个请求，在响应检查器的 “Statistics” 选项卡中查看该请求的详细时间分析，包括 DNS 解析时间、TCP 连接时间、服务器处理时间等。

6.2 模拟慢速网络

Fiddler 可以模拟不同的网络速度，用于测试应用在慢速网络环境下的性能。在菜单栏中选择 “Rules” -> “Performance” -> “Simulate Modem Speeds”，Fiddler 会模拟拨号上网的速度。
也可以自定义网络速度，在 “Rules” -> “Customize Rules” 中找到 m_SimulateModem 函数，修改其中的参数来调整上传和下载速度。

七、与其他工具集成

7.1 与浏览器集成

Fiddler 可以与各种浏览器集成，通过设置浏览器的代理服务器为 Fiddler 的代理地址（默认是 127.0.0.1:8888），让 Fiddler 捕获浏览器的网络请求。
不同浏览器的代理设置方法不同，例如在 Chrome 浏览器中，可以通过命令行参数 --proxy-server=http://127.0.0.1:8888 来设置代理。