一个最简单的支持大部分主流浏览器的 headers 集如下:
Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0
-
Cache-Control作用于HTTP1.1
HTTP1.1中启用Cache-Control 来控制页面的缓存与否，这里介绍几个常用的参数：
no-cache，浏览器和缓存服务器都不应该缓存页面信息；public，浏览器和缓存服务器都可以缓存页面信息；no-store，请求和响应的信息都不应该被存储在对方的磁盘系统中；must-revalidate，对于客户机的每次请求，代理服务器必须想服务器验证缓存是否过时
-
Pragma作用于HTTP 1.0
HTTP1.0中通过Pragma控制页面缓存，通常设置的值为no- cache，不过这个值不这么保险，通常还加上Expires置为0来达到目的。但是如我们刻意需要浏览器或缓存服务器缓存住我们的页面这个值则要设置为Pragma。
-
Expires作用于proxies
表示存在时间，允许客户端在这个时间之前不去检查（发请求），等同
max-age的 效果。但是如果同时存在，则被Cache-Control的max-age覆盖。 格式：Expires：时间，后面跟一个时间或者日期，超过这个时间后缓存失效。也就是浏览器发出请求之前，会检查这个时间是否失效，若失效，则浏览器会重新发出请求。
HTML
通过添加 <meta> 标签来禁止浏览器缓存(代码必须包含在 <head> 标签中)
<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" />
其他环境的设置
- .htaccess (Apache)
<IfModule mod_headers.c>
Header set Cache-Control "no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires 0
</IfModule>
- Java Servlet
response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");
response.setHeader("Pragma", "no-cache");
response.setDateHeader("Expires", 0);
- PHP
header('Cache-Control: no-cache, no-store, must-revalidate');
header('Pragma: no-cache');
header('Expires: 0');
- ASP
Response.addHeader "Cache-Control", "no-cache, no-store, must-revalidate"
Response.addHeader "Pragma", "no-cache"
Response.addHeader "Expires", "0"
- ASP.NET
Response.AppendHeader("Cache-Control", "no-cache, no-store, must-revalidate");
Response.AppendHeader("Pragma", "no-cache");
Response.AppendHeader("Expires", "0");
- Ruby on Rails
response.headers['Cache-Control'] = 'no-cache, no-store, must-revalidate'
response.headers['Pragma'] = 'no-cache'
response.headers['Expires'] = '0'
- Python on Flask
resp.headers["Cache-Control"] = "no-cache, no-store, must-revalidate"
resp.headers["Pragma"] = "no-cache"
resp.headers["Expires"] = "0"
- Google Go
responseWriter.Header().Set("Cache-Control", "no-cache, no-store, must-revalidate")
responseWriter.Header().Set("Pragma", "no-cache")
responseWriter.Header().Set("Expires", "0")
Resources
-
http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9
-
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
后记
上述方案对于 Safari 并无鸟用，一种比较正规的方案是：
$(window).bind("pageshow", function (event) {
if (event.originalEvent.persisted) {
window.location.reload();
}
});
网友评论