html - Firefox Inspector 中对同一个 CSS 文件的多个 GET 请求

Question

我的页面中只有一个地方链接到这个 css 文件:

<link rel="stylesheet" href="http://domain.com/css/23beac5f7ba9d3e94ba463892e86b2ff.0.1.css">

但是，当在 Firefox 的检查器中查看网络选项卡时，它计算了对该文件(存在)的两次请求，并且还在请求的所有文件的总大小中计算了两次 css 文件的大小。

此屏幕截图末尾的请求最后加载，并且比其余请求需要更长的时间才能显示。我注意到两者唯一不同的是，“原因”下的最后一个在“样式表”旁边有一个“JS”符号。我不知道那是什么意思，也不知道为什么会在那里。

关于可能导致我的 css 文件像这样加载两次的任何建议？

Answer 1

可能是这个错误:https://bugzilla.mozilla.org/show_bug.cgi?id=1306892

如果您在打开网络监视器之前打开检查器或样式编辑器，它会触发对 CSS 文件的额外请求，不幸的是，这些请求会出现在您的请求列表中。

验证这一点:

• 在 FF Devtools 中选择 Net Monitor
• 关闭开发工具
• 重新加载您的网站
• 打开开发者工具

Devtools 应该直接在 Net Monitor 选项卡上打开，您应该不会看到任何重复的请求。