如何跨所有浏览器控制网页缓存？

Question

我有一个网站运行；我一直致力于改进网站。但是除非客户按下 清除缓存 它不会更新到我的 css 和 html 的最新版本。我想将 http 缓存 header 更改为

正在使用 HTML

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

这样网站就可以随时掌握所有当前信息。

但我不知道将这段代码放在哪里。我是创建一个名为 html 的新文件，还是只是在我的 index.html 中的某个地方输入它。请帮忙。

Answer 1

您可以将 meta 标记放在 html 文件的 head 标记内，但如果 header 出现在 http 响应中，则它优先于 meta 标记。如果您使用的是 apache，则创建 .htaccess 文件并在其中设置 header 以防止缓存

<IfModule mod_headers.c>
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires 0
</IfModule>

如何跨所有浏览器控制网页缓存？

How do I control web page caching, across all browsers?

javascript

html

caching

storage