启动Chrome并启用远程调试

谷歌浏览器（Google Chrome）提供多种强大的抓包（网络请求分析）方式,以下是详细的步骤和方法：

使用内置开发者工具（最常用）

1. 打开开发者工具

   • 快捷键：
     • F12
     • Ctrl+Shift+I（Windows）
     • Cmd+Opt+I（Mac）
   • 右键点击页面 → 检查

2. 进入网络面板

   • 点击顶部标签栏的 Network（网络）
   • 确保录制按钮是红色开启状态（默认开启）

3. 关键功能

   • 查看请求列表：所有请求按时间排列
   • 筛选请求类型：XHR/JS/CSS/Img等
   • 搜索请求：Ctrl+F 搜索URL或参数
   • 查看详细信息：
     • Headers：请求头、响应头
     • Preview/Response
     • Timing：请求时间线
   • 保留日志：勾选 Preserve log 防止页面跳转时日志清空
   • 节流模拟：模拟慢速网络（Throttling）

4. 捕获HTTPS请求

   Chrome默认支持HTTPS抓包，无需额外配置

使用第三方抓包工具

1. Charles/Fiddler

   • 安装后设置代理（通常8888端口）
   • Chrome配置代理：
     • 安装扩展 SwitchyOmega 或
     • 系统设置 → 网络 → 代理 → 手动设置代理 0.0.1:8888
   • 优势：可跨浏览器、抓取移动端流量

2. Chrome扩展

   • Talend API Tester：专门测试API
   • Web Sniffer：轻量级抓包

高级抓包技巧

1. 移动端抓包

   • 手机与电脑连接同一Wi-Fi
   • 手机设置代理：电脑IP + 抓包工具端口
   • Chrome访问 chrome://inspect/#devices 可调试安卓设备

2. 捕获WebSocket

   • 在Network面板点击 WS 筛选
   • 查看实时收发消息

3. 修改并重发请求

   • 右键请求 → Copy as cURL → 修改后重放
   • 或右键 → Replay XHR（部分请求支持）

命令行抓包（开发者）

配合 curl 或 Postman 分析请求。

注意事项

• HTTPS证书：使用Fiddler/Charles时需安装其根证书
• 隐私数据：避免抓取敏感信息（如密码）
• 无痕模式：建议在无痕窗口抓包，避免缓存干扰

总结对比

快速开始建议

初学者直接使用 F12 → Network面板 即可满足大部分需求，如需抓手机App流量，推荐使用 Charles 配合代理设置。

根据需求选择合适方案即可，Chrome自身工具已覆盖90%的抓包场景。