火狐浏览器开发者工具Network面板不显示数据？修复指南

调试前端项目时，最令人困扰的莫过于几十个接口正常发送，但开发者工具的Network面板却一条记录都刷不出来。问题明明存在，面板却空空如也——接口地址无从查起，响应状态无法查看，加载耗时更是难以分析。出现这种情况，通常并非玄学，而是几个容易被忽略的开关被“误关”了。

确认Network录制是否已启动

Network面板默认打开时并不会自动开始监听，它更像一个空壳。想要捕获请求，必须先手动激活录制按钮。面板左上角有一个红色圆点图标，它是录制开关。请确认该按钮处于高亮红色状态——如果显示为灰色或没有填充，单击一次即可开启实时捕获。必须开启录制，否则所有请求都不会被记录，这一点最容易被忽视。

检查并重置过滤器设置

过滤功能可能是“隐形杀手”。请按以下三步操作：第一，点击左上角的漏斗图标，删除Filter输入框中所有字符，按回车确认；第二，在漏斗下方的请求类型标签栏中，直接点击“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是否静默接管请求

如果页面注册了Service Worker，它可能在后台拦截所有fetch请求并返回缓存，导致Network面板只能看到“from ServiceWorker”，而看不到真实的网络交互细节。解决方法是：按下Ctrl+Shift+A打开“附加组件管理器”，暂时禁用所有与PWA、离线缓存相关的扩展或脚本。另一种方式是在Network面板的任意空白处右键，选择“Disable Service Workers”，然后刷新页面。这样就能还原出真实的网络请求路径。