网站在Chrome中刷新后未加载CSS

所以有这个网站->

这个问题只发生在Chrome中-每当你按下refresh，页面就会丢失CSS。奇怪的是，如果你在刷新后和刷新前都查看代码，它们看起来完全一样。同样，只有在铬合金中才会发生

我已经尝试了很多事情，到目前为止没有运气。。。

---

我现在不想排除任何可能性，因此非常感谢您的帮助。

浏览器正在输出javascript错误，如果您检查代码，您将在加载脚本之前调用jQuery的文档ready，正如它所说，“$未定义”

---

修复现有javascript错误后，应正确加载。

Shift+Refresh解决了此问题，因此它一定是缓存问题。

---

附言该网站需要相当长的时间才能加载，考虑到优化？

我在我们自己的一个网站上看到了同样的行为，并开始寻找原因。目前我唯一能得出的结论是，这是由样式表的Mime类型引起的。这一结论得到了我方行为的支持

更新： Chrome加载CSS文件的方式有三种：

• 作为一个新的请求，没有可用的缓存版本，我们的服务器返回

  http200ok

  ，内容类型为

  text/css

  。这个很好用
• 从缓存中，无需咨询服务器。Chrome缓存了内容类型

  text/css

  。这个很好用
• 作为具有可用缓存版本的请求。我们的服务器返回HTTP 304 Not Modified，内容类型为

  text/plain

  。这是行不通的

---

经过一些疯狂的测试后，我通过在url css文件中添加“？”找到了解决方案

---

示例：

href=“../\u css/setup\u system.css？”type=“text/css”

site.css未加载到Chrome中。我加了一个？在CSS url中，我的样式开始出现。

删除可添加块并刷新，如果网站加载正确，请检查插件

打开控制台（ctrl+shift+c），然后打开网络面板并检查禁用缓存按钮

---

您是否使用Firebug/Fiddler查看HTTP请求？如果没有，请这样做以确保文件被请求并成功加载。您知道您正在关闭3MB PNG文件吗？试着一个接一个地删除插件。我想你有一些javascript在刷新后会被css阻塞。我修复了这个东西，但它仍然坏了。还有其他想法吗？设计非常严格：）还有其他想法吗？还有：今天我在朋友的Windows PC上的localhost上运行的一个非常简单的网页上遇到了同样的奇怪问题（css不刷新）。解决方案解决了这个问题。下面是对解决方案（强制停止缓存）的一个很好的解释：。但我仍然不明白为什么会发生缓存。经过大约20年的网络开发，我从未见过这种情况发生。防火墙/Kaspersky Internet Security是否有可能强制在不使用文件名后的查询字符时进行缓存？