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

JRO*_*ROB 11 html

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

<link rel="stylesheet" href="http://domain.com/css/23beac5f7ba9d3e94ba463892e86b2ff.0.1.css">
Run Code Online (Sandbox Code Playgroud)

但是,在Firefox的检查器中查看网络选项卡时,它会计算对此文件的两个请求(存在),并且还会根据请求的所有文件的总大小计算两次css文件的大小.

两个CSS请求

此屏幕截图中最后的请求最后加载,并且需要比其他请求显示的时间长一些.我注意到两者的唯一不同之处是"原因"下的最后一个在"样式表"旁边有一个"JS"符号.我不知道这意味着什么,或者为什么会这样.

有关可能导致我的css文件加载两次的内容的任何建议吗?

小智 16

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

如果在打开网络监视器之前打开了检查器或样式编辑器,它会触发对不幸显示在请求列表中的CSS文件的其他请求.

要验证这一点:

  • 在FF Devtools中选择Net Monitor
  • 关闭devtools
  • 重新加载您的网站
  • 开放的devtools

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