CSS文件未在浏览器中刷新

Question

当我对 CSS 文件进行任何更改时，这些更改不会反映在浏览器中。我怎样才能解决这个问题？

原文由 jbcedge 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试打开样式表本身（通过在浏览器的地址栏中输入其地址）并按 F5 。如果它仍然没有刷新，你的问题出在其他地方。

如果您更新样式表并希望确保它在每个访问者的缓存中得到刷新，那么一种非常流行的方法是添加版本号作为 GET 参数。这样，样式表会在必要时刷新，但不会比这更频繁。

 <link rel="stylesheet" type="text/css" href="styles.css?version=51">

原文由 Pekka 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

该修复称为“硬刷新” http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

在大多数 Windows 和 Linux 浏览器中：按住 Ctrl 并按 F5 。

在 Apple Safari 中：按住 ⇧ Shift 并单击重新加载工具栏按钮。

在 Chrome 和 Firefox for Mac 中：同时按住 ⌘ Cmd + ⇧ Shift 并按 R 。

原文由 RainCast 发布，翻译遵循 CC BY-SA 4.0 许可协议