css - 如何刷新 CSS 缓存？

Question

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

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

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

提前谢谢你。

Answer 1

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

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

然后

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

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

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

 "~/App_Theme/cssstyle/default.css" 

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

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

使开发工具保持打开状态