Network面板空白主因是未开启录制或缓存/过滤器干扰;需先点击左上角红色圆点启用录制,勾选“Disable cache”和“Preserve log”,切换过滤器为“All”,再用Ctrl+R刷新,必要时用无痕模式排除扩展或禁用Service Worker。
火狐浏览器开发者工具Network面板明明页面在加载、接口在发起,却一片空白看不到任何请求记录,根本没法查状态码、看响应体或分析加载瓶颈,问题就卡在这一步。
Network面板默认打开时不自动监听——它只是个空壳,必须手动激活才能捕获请求。
点击面板左上角的红色圆点图标(录制按钮),确保它处于高亮红色状态;若显示为灰色或无填充,单击一次即可开启实时捕获。
【必须开启录制,否则所有请求都不会被记录】
方法一:清空文本过滤栏
点击左上角漏斗图标 → 删除Filter输入框中所有字符 → 按回车确认。
方法二:切换请求类型为“All”
在漏斗下方的请求类型标签栏中,直接点击“All”,避免只显示XHR、JS或Img等子类而漏掉主文档请求。
方法三:关闭干扰性筛选项
取消勾选“Has blocked cookies”、“3rd-party”和“Blocked”三项复选框,这些选项一旦启用,会静默过滤掉大量合法请求。
第一步:勾选“Preserve log”
该选项位于录制按钮右侧,勾选后可防止页面跳转或刷新时清空历史请求记录,尤其适合调试多页流程或Pjax导航场景。
第二步:勾选“Disable cache”
强缓存命中时浏览器根本不发请求,面板自然为空;启用此项可强制走真实网络链路,让所有资源重新拉取。
第三步:刷新页面验证
按Ctrl+R(Windows)或Cmd+R(Mac)刷新,此时应立即看到HTML文档请求出现在列表顶部。
广告拦截器、隐私保护类扩展常会劫持或屏蔽fetch/XHR调用,导致Network面板收不到原始请求信号。
打开无痕窗口(Ctrl+Shift+P → 新建无痕窗口)→ 访问同一网页 → 按Ctrl+Shift+E唤出开发者工具 → 切换到Network面板 → 刷新。
如果无痕模式下正常显示,说明问题出在某个已安装扩展上,需逐个禁用排查。
若网站注册了Service Worker,它可能在后台拦截所有fetch请求并返回缓存,导致Network面板只显示“from ServiceWorker”而看不到真实网络交互细节。
在Network面板右键任意空白处 → 选择“Disable Service Workers” → 刷新页面。