Question

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

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

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

此屏幕截图末尾的请求最后加载，并且需要比其他请求显示的时间长一些。我唯一注意到两者的不同之处在于，＃34;原因＆＃34;有一个＆＃34; JS＆＃34;它旁边的符号＆＃34; stylesheet＆＃34;。我不知道这意味着什么或为什么会这样。

有关可能导致我的css文件加载两次的原因的任何建议吗？

Answer 1

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

验证这一点：

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

Answer 2

第二个请求是由javascript文件引起的。根据{{3}}：

当JavaScript触发请求时，原因列中条目左侧会显示一个小JS图标。将鼠标悬停在此处会显示一个包含请求堆栈跟踪的弹出窗口，以提供有关请求发生原因的更多线索。

尝试将鼠标悬停在JS图标上，以获取有关javascript文件进行第二次调用的更多信息。

更新：您还可以尝试在Chrome中查看该页面。 Chrome开发人员工具栏中的网络标签中包含一个＆＃34;发起人＆＃34;列，显示哪个文件发起了呼叫。