如何刷新 CSS 缓存？答案

【问题标题】：How can I refresh CSS caching?如何刷新 CSS 缓存？
【发布时间】：2014-05-29 05:01:03
【问题描述】：

我已经将查询字符串附加到我的网址

 "~/App_Theme/cssstyle/default.css?v=1"

但是页面上的样式仍然没有更新。在我的 IE 开发人员工具中的 css 选项卡上显示这两个 css 文件。我该如何解决这个问题？

提前谢谢你。

【问题讨论】：

你能分享你的完整标记吗？我认为您从两个不同的位置引用相同的 CSS，可能来自母版页...

标签： css asp.net browser-cache

【解决方案1】：

每次您进行更改并希望强制浏览器获取最新版本时，您需要更新路径末尾的数字，例如：

"~/App_Theme/cssstyle/default.css?v=2"

然后

 "~/App_Theme/cssstyle/default.css?v=3"

等等。数字可以是任何东西，它不需要是连续的。它只是告诉浏览器需要不同的版本。

在您的情况下，您的更改不可见，因为您正在指定文件的特定版本。如果您从路径中删除版本号参数，然后清除缓存，您应该会看到您的更改：

 "~/App_Theme/cssstyle/default.css"

您也可以按Ctrl+F5 强制浏览器执行“硬刷新”，重新获取所有资产。

作为最后的手段（如果您正在开发，这是一个养成的好习惯）定期清除缓存。在大多数浏览器中，您可以使用Ctrl+Shift+Del 执行此操作。您也可以通过选择 Disable cache (while dev tools are open) 在 Chrome 中自动执行此操作，并使用 F12 打开开发工具

【讨论】：

谢谢。我只是忘了再次更改查询字符串。
没问题，在我的托管服务提供商几个月来一直认为存在服务器缓存问题后，这个问题深深烙印在我的脑海中！绝对是救星
不确定您是否使用 Chrome，但如果您使用的是，当开发者工具面板打开时，您可以激活一个设置来禁用缓存。这个 IMH 是最简单的用例。

【解决方案2】：

在大多数浏览器中，它是 Ctrl+F5，（在 Windows 上）

【讨论】：

减一，因为他是从开发人员的角度而不是从用户的角度询问...
很公平，但问题不是很清楚，（对我来说），如果是从开发人员或用户的角度来看。