网站在Chrome中刷新后没有加载CSS

Question

所以有这个网站 - ＆gt; http://www.raudsilla.ee

此问题仅在Chrome中出现 - 无论何时按下刷新页面都会丢失其CSS。奇怪的是，如果你看一下刷新之前和之后的代码，它们看起来完全一样。再次，只发生在chrome。

我已经尝试过很多东西，到目前为止还没有运气...... 我现在不想排除任何事情，所以任何帮助都会受到赞赏。

Answer 1

浏览器正在输出javascript错误，如果你检查代码，你就会在加载脚本之前调用jQuery的文档，因为它说“$ is not defined”。

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

Answer 2

Shift + Refresh解决了问题，因此它必须是缓存问题。 PS。该网站需要很长时间才能加载，考虑优化？

Answer 3

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

<强>更新 Chrome似乎有三种方式加载CSS文件：

• 作为新请求，没有可用的缓存版本，我们的服务器返回HTTP 200 OK，内容类型为text/css。这很好。
• 从缓存中，无需咨询服务器。 Chrome已缓存内容类型text/css。这很好。
• 作为具有缓存版本的请求。我们的服务器返回HTTP 304 Not Modified，内容类型为text/plain。这不起作用。

Answer 4

未在Chrome中加载site.css。我加了？在CSS网址中，我的样式开始出现。

Answer 5

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

Answer 6

打开控制台（ctrl + shift + c），然后打开网络面板，然后选中“禁用缓存”按钮。

Answer 7

经过一些疯狂的测试后，我通过添加＆＃34;？＆＃34;找到了解决方案。到url css文件。

示例：href="../_css/setup_system.css?" type="text/css"