必须启用火狐网络面板并点击红色录制按钮捕获请求，再通过XHR/fetch/api等关键词筛选目标请求，最后在Payload、Response、Headers标签页分别查看参数、响应和请求头信息，还可导出HAR文件用VS Code全文搜索。
要在火狐浏览器中精准定位某个按钮点击后发送的请求地址、携带的参数及服务器返回的原始数据，必须启用网络面板并确保请求被完整捕获，否则刷新页面或执行操作后数据会丢失。
打开网络面板并启动捕获
按下 Ctrl + Shift + E（Windows/Linux）或 Cmd + Option + E（macOS），直接唤出开发者工具并自动切换到 Network 面板。
检查左上角的圆形录制按钮——若为灰色，说明捕获已暂停；【必须点击一次使其变为红色高亮】，否则后续所有操作都不会被记录。
这一步操作起来很简单，但漏掉就会白忙一场。
触发请求并筛选目标条目
在网页中执行你要分析的动作：比如点击“提交订单”按钮、滚动到底部加载更多、或在搜索框输入关键词后按回车。
动作完成后，Network 面板下方会立即出现一长串请求。此时在顶部过滤栏输入以下任一关键词快速缩小范围：
- XHR → 只显示 JavaScript 发起的异步请求（最常用）
- fetch → 专门筛选 Fetch API 调用
- api/ 或 login → 匹配 URL 中含特定路径的请求
找到目标请求后，单击其 Name 列（如 https://example.com/api/v1/user），右侧将展开详情视图。
查看请求参数与响应内容
第一步：点击右侧的 Payload 标签页，查看前端发给后端的数据。
→ 若是表单提交，参数以 Form Data 形式列出，每行一个键值对；
→ 若是 JSON 请求，参数藏在 Request Payload 区域，点击右侧“{}”图标可自动格式化为可读结构。
第二步：切换到 Response 标签页，查看服务器返回的原始内容。JSON 数据会直接渲染为折叠树状结构；如果是二进制资源（如图片），则显示十六进制预览。
第三步：切到 Headers 标签页，重点核对 Request Method（GET/POST）、Content-Type（决定参数如何解析）、Authorization（鉴权信息是否携带）三项。
导出全部请求供离线检索
方法一：点击面板右上角的 HAR 图标 → 选择“所有内容另存为”，保存为 .har 文件。
方法二：将 .har 文件后缀改为 .json，用 VS Code 打开，即可全文搜索任意字段——比如搜 Set-Cookie 查所有响应头、搜 "token" 定位认证凭据传递位置。
注意：HAR 文件体积可能达几十MB，VS Code 加载需等待数秒，不要误判为卡死。
