清除网站缓存以进行新发布

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 文件末尾并添加随机数。如果您使用任何类型的后端，您可以动态设置它。