必须通过Chrome Network面板实时捕获请求以定位接口、验证参数及响应结构：先启用录制，再筛选XHR/Fetch或关键词，清空列表后点击请求查看Headers、Preview和Response详情。
要快速定位前端页面调用的后端接口、验证请求参数是否正确、检查返回数据结构是否符合预期，必须通过Chrome浏览器的Network面板实时捕获并展开查看原始请求与响应内容。
打开并启用Network面板
按下 Ctrl + Shift + I（Windows/Linux）或 Command + Option + I（macOS）打开开发者工具；点击顶部标签栏中的 Network 选项卡；确认左上角圆形录制按钮为 红色实心●，灰色表示未启用捕获——若为灰色，点击一次启动录制。
这一步必须在操作前完成，否则刷新或点击后发出的请求不会被记录；Chrome不会回溯已发出但未开启录制的请求。
筛选目标接口请求
方法一：点击顶部过滤器中的 XHR 或 Fetch 按钮，直接排除图片、CSS、JS等静态资源，只保留接口类请求。
方法二：在过滤框中输入关键词，例如 login、/user/info 或 .json，列表会即时匹配 Name 列内容；注意大小写不敏感，但路径斜杠需完整匹配。
方法三：右键请求列表空白处 → 选择 Copy → Copy all as HAR，粘贴到文本编辑器中用 Ctrl+F 搜索关键字段；适合批量排查多个接口时交叉比对。
【务必清空Network列表后再执行关键操作】——点击左上角垃圾桶图标清除历史记录，避免旧请求干扰判断；尤其在登录、提交表单等动作前必须执行。
查看请求与响应详情
第一步：在请求列表中点击目标条目，右侧自动展开详情面板。
第二步：切换到 Headers 标签页，向下滚动查看 Request Headers 区域——重点核对 Authorization、Content-Type、X-Requested-With 是否存在且值正确；若缺失 token 或 content-type 写成 text/plain 而非 application/json，后端大概率拒绝处理。
第三步：切换到 Preview 标签页，查看格式化后的响应数据；JSON 数据会自动缩进、高亮、可折叠，比纯文本更易读；若此处为空白但 Response 有内容，说明返回非标准 JSON（如带BOM头、多空格、HTML混入）。
第四步：切换到 Response 标签页，查看原始字节流；遇到中文乱码时，点击右下角 DecodeURIComponent 或手动复制内容到在线解码工具验证编码格式。
