火狐浏览器开发者工具中Network面板不显示请求数据怎么解决？

火狐浏览器开发者工具里的Network面板，明明页面在正常加载、接口也在发起请求，可偏偏一片空白，什么记录都看不到。想查状态码、看响应体、分析加载瓶颈，全卡在这一步——这确实让人抓狂。

其实，绝大多数情况都绕不开下面这几个原因。按顺序排查一遍，基本就能解决。

确认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是否静默接管请求

如果网站注册了Service Worker，它可能在后台拦截所有fetch请求并返回缓存，导致Network面板只显示“from ServiceWorker”，而看不到真实的网络交互细节。

解决方法也很直接：在Network面板右键任意空白处，选择“Disable Service Workers”，然后刷新页面。如果这下请求正常出现了，那Service Worker就是罪魁祸首。调试完成后记得重新启用，以免影响线上功能。