假设我缓存了我的 CSS 文件并将它们的到期日期设置为从现在起一个月。假设我有一些更新,因此修改了 CSS 文件。如何确保我网站的访问者将使用更新后的 CSS 而不是旧的?
谢谢。
您可以在 url 中添加查询字符串,例如
<link rel="stylesheet" type="text/css" href="theme.css?v1" />
更改网址。这将迫使浏览器重新下载文件。最简单的事情是在文件名中有一个数字,您可以递增。使用一些重写规则配置您的 Web 服务器,这样您就不需要每次都重命名文件。
这是我在errefredag.se上为 Nginx 服务器重写的规则:
rewrite ^/style\..*\.css$ /style.css;
这就是我的<link>
元素的样子:
<link rel="stylesheet" type="text/css" href="style.acf1a27de.css">
您可以更改名称,以确保无论用户使用何种浏览器,他们都会获得新文件。在您引用 CSS 文件的所有地方,请改为引用包含文件名的变量。当您发布新版本时,请更新变量,以便所有页面都查看新样式表。