谷歌浏览器抓包主要使用内置的 开发者工具（DevTools）以下是详细步骤

打开开发者工具

• 快捷键：按 F12 或 Ctrl + Shift + I（Windows/Linux）、Cmd + Opt + I（Mac）。
• 右键菜单：在网页上右键点击，选择 “检查”。

进入网络面板（Network）

• 在开发者工具顶部点击 “Network” 选项卡。
• 确保 记录开关（红色按钮）是开启状态（默认开启）。

开始抓包

• 刷新页面：按 F5 或点击地址栏刷新，可捕获页面加载的所有请求。
• 实时监控：在页面操作（点击按钮、提交表单等）时，面板会实时记录新请求。

关键功能说明

• 筛选请求：可按类型（XHR/JS/CSS/Img等）、域名、状态码过滤。
• 查看详情：点击任一请求，可查看：
  • Headers：请求头、响应头、状态码。
  • Preview/Response（JSON/HTML等）。
  • Timing：请求时间线。
• 保留日志：勾选 “Preserve log” 防止页面跳转时清空记录。
• 节流（Throttling）：模拟慢速网络（如 3G）。
• 禁用缓存：勾选 “Disable cache” 避免缓存干扰。

导出数据

• 右键请求列表 → “Save all as HAR” 导出标准抓包文件（可用其他工具如 Charles 打开）。

高级技巧

• 复制请求为 cURL：右键请求 → “Copy” → “Copy as cURL”（便于命令行重放）。
• 断点调试：在 “Sources” 面板添加 XHR 断点，可拦截修改请求。
• 移动端抓包：
  1. 用 USB 连接手机，打开 USB 调试。
  2. 在 Chrome 地址栏输入 chrome://inspect/#devices。
  3. 点击手机网页下的 “inspect” 即可抓包。

注意事项

• 部分请求可能被隐藏（如 data: 协议），可勾选 “All” 查看全部。
• 加密流量（HTTPS）可直接捕获，无需额外设置。
• 如需更强大功能（如修改请求、自动化工序），可搭配 Charles、Fiddler 或 Postman。

标签： 谷歌浏览器抓包 开发者工具