首先确保Fiddler正确配置以捕获流量，包括启用HTTPS解密、设置浏览器使用代理（如127.0.0.1:8888）并开启捕获开关；接着通过Filters面板过滤出HTML相关请求，可选择“Show only HTML traffic”或手动添加Content-Type包含“text/html”的规则，也可用搜索框定位目标页面；选中请求后在Inspectors中查看Headers、Raw请求及Response Body中的HTML源码，并通过Timeline分析加载时序；最后可右键保存单个请求或使用Export Sessions批量导出数据，推荐导出为SAZ或.html文件以便后续分析。
要使用Fiddler抓取HTML相关的网络请求与响应，核心是配置Fiddler正确捕获浏览器流量，并过滤出你需要的HTML资源。Fiddler是一款强大的HTTP调试代理工具，能够监听本地所有HTTP/HTTPS通信，适用于分析网页加载过程中的请求细节。
启用Fiddler并配置捕获设置
Fiddler默认启动后会自动开始捕获本机的HTTP/HTTPS流量，但需要确保以下几点：
- 允许捕获HTTPS流量：进入Tools → Options → HTTPS，勾选“Decrypt HTTPS traffic”，安装Fiddler根证书以解密加密流量。
- 确保浏览器使用系统代理：大多数现代浏览器（如Chrome、Edge）默认使用系统代理，Fiddler即可捕获其请求。若使用Firefox，可能需手动设置代理为127.0.0.1:8888。
- 开启捕获开关：确认左下角“Capturing”已开启，或按F12控制是否捕获流量。
过滤HTML相关请求
网页加载过程中会产生大量资源请求（JS、CSS、图片等），要精准抓取HTML内容，可通过过滤器缩小范围：
- 使用Filters标签页：在Filters面板中勾选“Use Filters”，然后选择“Show only HTML traffic”可只显示text/html类型的响应。
- 手动设置Content-Type过滤：在Filters中添加规则，匹配响应头中Content-Type包含“text/html”的请求。
- 通过关键词搜索：在主界面顶部搜索框输入域名或路径关键字，快速定位目标页面的HTML请求（如/index.html）。
查看HTML请求与响应详情
选中一个抓取到的HTML请求后，右侧面板可查看详细信息：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
立即学习“前端免费学习笔记（深入）”；
- Inspectors → Headers：查看请求头和响应头，确认状态码、User-Agent、Cookie等信息。
- Inspectors → WebForms / Raw：查看GET或POST参数，以及完整的原始请求内容。
- Inspectors → Response Body：以HTML格式渲染或纯文本方式查看返回的HTML源码。
- Timeline 或 TimelineV2：查看该请求在整个页面加载过程中的时间消耗。
保存与导出抓包数据
分析完成后，可将关键请求保存供后续查阅：
- 右键选中HTML请求 → Save → Save As，导出单个请求的完整信息。
- 支持导出为SAZ文件（含加密数据），也可选择仅导出HTML响应体为.html文件。
- 使用File → Export Sessions功能批量导出符合条件的请求。
基本上就这些。只要Fiddler配置正确，过滤得当，抓取HTML页面的请求和响应并不复杂，关键是理解浏览器与服务器之间的交互流程。注意避免在生产环境长期开启HTTPS解密，以防安全风险。
