html meta缓存的误区

762 阅读1分钟

image.png

网上流传了一段代码,

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

据说是可以控制浏览器是否缓存该html文件, 经查证,以上代码只能在IE浏览器上生效

首先看第一条

<meta http-equiv="Pragma" content="no-cache">

image.png
这是一条无用的代码,自IE5就停止支持了 再看第二条

<meta http-equiv="Cache-Control" content="no-cache">

image.png
只支持IE浏览器,其他浏览器就GG 再看第三条

<meta http-equiv="Expires" content="0">

是针对搜索引擎的meta 其实对浏览器的缓存也没有用

image.png

先看看这个答案 Using tags to turn off caching in all browsers?

image.png

再看看Stack Overflow的答案 How do we control web page caching, across all browsers?

image.png

所以 别再以讹传讹了. meta标签控制缓存 根本不靠谱! 缓存还是得靠http的response header来解决.