Network面板无请求显示需先开启红色实心录制圆点,再勾选Preserve log和Disable cache,清空过滤器并选All,禁用干扰扩展,最后禁用OutOfBlink CORS实验选项。

谷歌浏览器开发者工具Network面板不记录请求,页面明明在加载、接口明明已发出,但Name列空空如也,连HTML文档请求都看不到——这不是网页没发请求,而是Chrome的录制开关、缓存策略、过滤设置或扩展干扰正在屏蔽你的调试视线。
确认并开启Network实时录制
Network面板默认不捕获历史请求,必须手动启动实时录制。右上角那个红色圆点(●)才是关键开关:灰色、空心或带斜杠状态=录制已暂停,此时刷新页面绝不会产生任何记录。
单击该红色圆点,确保它变为【实心高亮红色】;若图标未变红,后面所有操作都无效。
刷新页面前务必肉眼确认此状态。
强制触发真实请求并保留日志
页面刷新后请求消失,往往不是没发,而是被清空了;缓存命中则根本不会走网络,自然不会出现在Network里。
第一步:在Network面板左上角,勾选【Preserve log】;
第二步:在同一区域,勾选【Disable cache】;
这两项必须同时启用:前者防止跳转/刷新清空历史,后者强制触发真实HTTP请求而非读取本地缓存。缺一不可,否则你看到的可能只是上次残留或完全无记录。
第三步:按 Ctrl+R(Windows)或 Cmd+R(Mac)刷新页面。
重置过滤器到全量显示
过滤器一旦误设,会把全部请求悄悄屏蔽掉,面板看起来就像没请求一样,实际是“看不见”而非“没发生”。新手最常踩的坑是只勾选了“XHR”,结果HTML、CSS、JS、图片等全都不见。
方法一:点击Network左上角漏斗图标 → 清空Filter输入框 → 点击“All”标签 → 取消勾选“Has blocked cookies”、“3rd-party”、“Blocked”三项。
方法二:直接按Esc键清空搜索框,再点击“All”,比逐个点更快更可靠。
排查扩展与隐身模式干扰
广告拦截器(如uBlock Origin)、隐私增强插件(如Privacy Badger)会主动阻止请求上报至DevTools,造成Network空白假象,且不报错、无提示。
关闭所有扩展:点击Chrome右上角三点菜单 → 更多工具 → 扩展程序 → 将全部开关设为关闭。
新开无痕窗口:按 Ctrl+Shift+N(Windows)或 Cmd+Shift+N(Mac)→ 访问同一网页 → 按F12打开DevTools → 切换到Network → 刷新页面。
若无痕模式下请求正常出现,问题100%出在某个扩展。
禁用OutOfBlink CORS实验选项(专治OPTIONS消失)
Chrome 76+版本中,跨域预检请求(OPTIONS)默认被隐藏,尤其在前后端分离调试时,你明明看到CORS错误,却死活找不到OPTIONS条目——它被实验性功能悄悄过滤了。
在DevTools任意面板内,按下 Ctrl+Shift+P(Windows)或 Cmd+Shift+P(Mac)调出命令菜单;
输入 chrome://flags/#out-of-blink-cors 并回车;
将该实验选项从“Enabled”改为“Disabled”;
重启浏览器。











