浏览器缓存会干扰 CSS 样式更改？答案

【问题标题】：browser caching interfering with css style changes?浏览器缓存会干扰 CSS 样式更改？
【发布时间】：2015-07-11 16:11:04
【问题描述】：

我的网站上遇到了一个小问题，希望各位好心人能提供帮助。为了提高我网站 (wheelingit.us) 上的 Google 页面加载速度，我根据此链接在我的 .htaccess 文件中安装了浏览器缓存： http://wiki.dreamhost.com/Htaccess_tricks#Faster_Page_Load_Times_.2F_Bandwidth_Saver

我的页面速度确实提高了。但是现在我注意到，当我在其中一个侧面小部件中更改 CSS 样式或更新文本时，它不会显示在我的网页上。我认为这与浏览器缓存有关？

无论如何要让我的 css 和小部件框文本更改出现在页面上，同时仍然利用浏览器缓存？还是我需要完全删除浏览器缓存？

妮娜

【问题讨论】：

【解决方案1】：

经过我们的讨论，您似乎正在使用 Varnish - 服务器端缓存解决方案来优化您的 Wordpress 网站的性能。清除插件的缓存应该可以解决问题。

要手动清除缓存中的所有 CSS 文件，请打开命令或终端控制台并输入：

$ curl -X PURGE "http://example.com/wp-content/themes/.*\.css"

还有其他 wordpress 插件可以帮助您完成此操作，但它们需要您安装它们，这可能比所需的开销更大：

【讨论】：

【解决方案2】：

您始终可以向 .css 文件中添加查询字符串，当您进行更改时可以强制更新。

类似 stylesheet.css?v=1.0.

然后，您可以在进行更改时增加 v。

【讨论】：

啊哈！是的，我可以更改版本。没想到啊！谢谢，我会试试的。
如果页面本身被缓存了怎么办？
@tribe84 无赖。这没有用。更改了我的样式表上的版本，但由于某种原因，我的浏览器还没有提取新版本。我尝试了强制刷新（CTRL-F5），但它仍然没有显示新版本。我想我可能遇到了某种奇怪的缓存问题。