如何用Chrome F12查看请求/响应？排查Chromebook重复请求问题

一、精准捕获按钮触发的请求 #

打开Chrome DevTools（按F12或Ctrl+Shift+I），切换到Network标签，按以下步骤操作：

• 勾选左上角的Preserve log（保留日志），防止页面状态变化时清空请求记录
• 过滤条件选择All（不要局限于XHR/Fetch，避免漏抓特殊请求），或者直接在搜索框输入目标接口的路径关键词，快速定位
• 点击按钮前，先点击Network面板左上角的Clear按钮清空现有日志，避免无关请求干扰
• 点击目标按钮，观察面板中对应接口的请求次数：如果显示4次，说明客户端触发了重复请求；如果仅1次，问题大概率出在服务器或网络链路

二、进一步排查请求来源 #

• 查看请求的Initiator列，判断请求是由业务代码发起，还是浏览器自动重试（比如超时、5xx错误触发的重试）
• 若Network仅显示1次请求，但服务器收到4次，检查请求头里的X-Forwarded-For、X-Azure-Ref等字段，确认是否是Azure网关或CDN层面的重复转发

三、Chromebook专属排查点 #

• 确保Chrome浏览器是最新版本，旧版本可能存在DevTools兼容问题
• 如果是企业管理的Chromebook，尝试在隐身模式下测试，排除设备级代理、安全插件篡改请求的可能

内容的提问来源于stack exchange，提问作者David Thielen