谷歌浏览器开发者工具怎样抓取网页上的XHR请求参数？

要实时捕获后端接口真实请求参数，需先打开开发者工具Network面板并启用录制，再触发操作；接着过滤XHR/Fetch请求，定位目标条目后在Headers中查看Request Payload或Query Parameters；若为JSON则查Preview，表单请求查Form Data；最后用Copy as cURL等方式保存完整请求，务必勾选Preserve log以防丢失。

你想在网页加载或交互过程中实时捕获后端接口的真实请求参数，比如登录时的密码加密字段、商品列表的分页offset、搜索关键词的编码值——这些都藏在XHR请求的载荷（Payload）里，而不是页面HTML源码中。

打开Network面板并触发请求

在目标网页按 F12 或 Ctrl+Shift+I（Windows/Linux）/ Cmd+Option+I（Mac）打开开发者工具→点击顶部标签栏的 Network →确保左上角圆形录制按钮为红色（灰色需点击启动）→执行操作（如点击“加载更多”、提交表单、切换Tab），让页面发出XHR请求。

这一步必须在操作前就打开Network面板，否则请求已发完，记录就丢了。

过滤出真正的XHR请求

在Network面板顶部过滤栏，直接点击 XHR 标签；若页面使用现代Fetch API，再额外点一下 Fetch 标签——两者都可能承载接口调用，只选其一容易漏掉关键请求。

注意：有些网站会把XHR请求伪装成JS或Document类型，如果没看到预期请求，取消所有过滤，按 Ctrl+R（硬刷新）重载页面，再观察请求列表中 Type 列明确标为 XHR 或 fetch 的条目。

查看并提取请求参数

在请求列表中，找到目标条目（可按名称关键词搜索，如 /api/login、/v2/search），单击选中它→右侧切换到 Headers 选项卡→向下滚动到 Request Payload 区域（POST/PUT请求）或 Query Parameters 区域（GET请求）。

如果看不到 Request Payload，说明该请求是 GET 方法，参数全在 URL 末尾的 ? 后面；如果看到的是 [object Object] 或 [Not available]，说明请求体是 JSON 格式但尚未解析，此时切到 Preview 或 Response 标签页，往往能直接看到格式化后的明文参数。

对于 Content-Type 为 application/x-www-form-urlencoded 的请求，参数会以键值对形式列在 Form Data 子标签下，逐行可读，复制粘贴即可用。

保存完整请求用于复现

右键目标XHR请求 → 选择 Copy → 依次点击 Copy as cURL（含headers与body，可直接粘贴到命令行或Postman中发送）或 Copy request headers（仅头信息）或 Copy response（响应内容）。

【重要前提】 必须在请求仍处于列表中时操作——页面跳转或关闭开发者工具后，未勾选 Preserve log 的请求将永久丢失。

勾选 Network 面板顶部 Controls 区域的 Preserve log，才能跨页面保留请求记录，尤其适用于登录后跳转、SPA路由切换等场景。