我正在维护一些静态 HTML/CSS 网站,问题是,当某些图像或样式表发生更改时。一些用户仍然从提供给他们的缓存中获取旧版本,因为我们无法手动指示每个人按 ctrl+f5。
如何指示浏览器我们已将页面更新为新版本,并重新加载所有资源。
我正在维护一些静态 HTML/CSS 网站,问题是,当某些图像或样式表发生更改时。一些用户仍然从提供给他们的缓存中获取旧版本,因为我们无法手动指示每个人按 ctrl+f5。
如何指示浏览器我们已将页面更新为新版本,并重新加载所有资源。
如果您能够运行.htaccess
文件
禁用某些文件类型的缓存
<FilesMatch ".(css|js|jpg|png)$">
Header unset Cache-Control
</FilesMatch>
或者您可以在 HTML 中执行此操作<head>
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />