html - 更改后刷新 CSS 样式表？

Question

可能重复：
强制刷新缓存数据

在网站进行视觉更改后更新 CSS 样式表的最佳做法是什么？

我最近用新图片更新了我的网页并更新了 css。当我的朋友查看该站点时，他的浏览器出于某种原因将以前的 css 与新图像一起渲染。他以前曾访问过该网站。据我了解，样式表没有刷新，但他们的图像在他第一次启动网站时发生了变化，导致它出现错误。在他刷新页面后，它更新了 css 并且看起来还不错。

重大更改后是否需要更改 css 的名称以强制下载新样式表？或者有没有办法让浏览器强制重新加载样式表？

Answer 1

他有以前的版本，因为它被缓存了。最后，他可以通过使用cntrl+ f5（在 chrome 上）或他的浏览器等效项来“强制”一个新的 CSS 文件。或者只是清空他的缓存。

对您来说，您可以做的是更改样式表的名称。您可以通过将 a 添加?=x到样式表 href 来做到这一点。它使浏览器认为它是一个新版本，但实际上只是旧版本。

如果您不想再次缓存文件（我不建议这样做），您可以在 中添加时间戳?=，但同样，我不建议这样做

Answer 2

浏览器正在缓存 CSS 文件。如果在开发过程中这是一个问题，您可以使用诸如时间戳记脚本链接之类的技巧：在此处描述

在生产中，这通常不是问题，可以通过用户清除缓存来解决。通常浏览器会在刷新时获取更改。

Answer 3

一个常见的解决方案是这样的：<link href="css/style.css?<?php echo time();?>"这将强制浏览器重新下载 css 文件。浏览器会认为这是一个新文件。