Chrome Network面板无请求显示的六大原因及解决：①检查并关闭离线模式；②勾选Preserve log和Disable cache；③清空过滤器、选All、取消所有隐藏复选框；④禁用广告拦截等干扰扩展；⑤Chrome 76+需禁用out-of-blink-cors标志以显示CORS预检请求。
Chrome开发者工具Network面板明明开着却看不到任何请求，页面明明在加载、接口明明在调用，但Network里空空如也——这种“请求隐身”问题会直接卡住前端调试流程，必须立刻定位并清除干扰项。
确认并修复离线模式
这是最常被忽略的致命开关：Network面板顶部节流下拉菜单若显示为【Offline】，浏览器会主动拒绝所有网络请求，且不报错只静默失败。
按下F12打开开发者工具，切换到Network面板；
在面板顶部工具栏右侧找到节流下拉框（默认显示“No throttling”或“Online”）；
点击下拉框，若当前选项为“Offline”，立即选中“No throttling”或“Online”；
刷新页面，观察Network是否开始捕获请求——这一步能解决超过60%的“空白面板”问题。
启用日志保留与禁用缓存
页面刷新后请求消失，往往不是没发，而是被清除了；缓存命中则根本不会走网络，自然不会出现在Network里。
在Network面板左上角，勾选【Preserve log】；
在同一区域，勾选【Disable cache】；
这两项必须同时开启：前者防止跳转/刷新清空历史，后者强制触发真实HTTP请求而非读取本地缓存。缺一不可，否则你看到的可能只是上次残留或完全无记录。
重置过滤器状态
过滤器一旦误设，会把全部请求悄悄屏蔽掉，面板看起来就像没请求一样，实际是“看不见”而非“没发生”。
第一步：点击Network左上角漏斗图标（Filter按钮）展开过滤栏；
第二步：删除Filter输入框中的所有文字；
第三步：点击“All”标签，确保所有请求类型都被包含；
第四步：检查下方三项复选框——【Has blocked cookies】、【3rd-party】、【Blocked】必须全部取消勾选，任一勾选都会导致大量请求被隐藏。
关闭干扰性扩展程序
广告拦截器、隐私增强类扩展（如uBlock Origin、Privacy Badger）会主动劫持fetch/XHR请求，甚至伪造响应，使请求根本不上报到DevTools。
方法一：按Ctrl+Shift+A（Windows）或Cmd+Shift+A（Mac）打开扩展管理页；
方法二：将所有扩展临时关闭；
方法三：用Ctrl+Shift+N新开无痕窗口，访问同一网页并打开F12测试——无痕模式默认禁用所有扩展，是快速验证是否被扩展干扰的黄金操作。
恢复CORS预检请求可见性（仅跨域场景）
如果你正在调试跨域请求，却始终看不到OPTIONS预检请求，这不是代码问题，而是Chrome 76+版本的底层优化导致它默认不显示。
在Chrome地址栏输入chrome://flags/#out-of-blink-cors；
将该实验性功能设置为【Disabled】；
重启浏览器；
此时再发起跨域请求，Network面板就能正常捕获并显示OPTIONS请求了——这个开关不改，你永远看不到预检过程。
