html - 为新发布清除网站缓存

Question

我们对与以前版本相似的网站的新版本进行了 Beta 测试。由于以前的版本缓存在我的浏览器中，我看到新旧版本发生冲突。我认为这会发生在我们大多数不定期清除浏览器缓存的用户身上。如何确保新网站在没有此类缓存冲突的情况下呈现？

Answer 1

我知道的最好方法是向您的 css 文件添加一个参数。

<link rel="stylesheet" href="/stylesheets/styles.css?{{ site.time | date:'%Y%m%d%U%H%N%S' }}">

我们使用 Jekyll 来运行我们的网站，并使用液体模板我在主 css 文件的末尾添加了一个时间戳。每次我们部署都会生成一个新的时间戳，告诉浏览器下载 css 文件而不是使用缓存的版本。

不确定您正在使用什么来运行您的网站，但为了测试您可以通过添加“？”来静态测试它在你的 css 文件的末尾并添加随机数。如果您使用任何类型的后端，您可以动态设置它。