码迷,mamicode.com
首页 > 其他好文 > 详细

如何清除浏览器缓存?

时间:2014-09-17 15:17:52      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   io   使用   java   ar   strong   数据   

  web开发中经常遇到一些很奇怪的问题,例如,发现了问题,改了脚本,结果发布后,问题依然存在,但在服务器上一看,发布的脚本确实改了!!最后才发现,是浏览器缓存在作怪!!


现在讨论几种清除浏览器缓存的方法。

一种原理是HTTP Header 参数Cache-Control来清空缓存,另一种是利用URL上添加查询字符串来欺骗浏览器强制从服务端读取数据,避免缓存。


1利用HTTP协议清空

Cache-Control 的参数包括:

  • max-age=[单位:秒 seconds] — 设置缓存最大的有效时间. 类似于 Expires, 但是这个参数定义的是时间大小(比如:60)而不是确定的时间点.单位是[秒 seconds].
  • s-maxage=[单位:秒 seconds] — 类似于 max-age, 但是它只用于公享缓存 (e.g., proxy) .
  • public — 响应会被缓存,并且在多用户间共享。正常情况, 如果要求 HTTP 认证,响应会自动设置为 private.
  • private — 响应只能够作为私有的缓存(e.g., 在一个浏览器中),不能再用户间共享。
  • no-cache — 响应不会被缓存,而是实时向服务器端请求资源。这一点很有用,这对保证HTTP 认证能够严格地禁止缓存以保证安全性很有用(这是指页面与public结合使用的情况下).既没有牺牲缓存的效率,又能保证安全。
  • no-store — 在任何条件下,响应都不会被缓存,并且不会被写入到客户端的磁盘里,这也是基于安全考虑的某些敏感的响应才会使用这个。
  • must-revalidate — 响应在特定条件下会被重用,以满足接下来的请求,但是它必须到服务器端去验证它是不是仍然是最新的。
  • proxy-revalidate — 类似于 must-revalidate,但不适用于代理缓存.
具体使用:

在网页head中添加

<meta http-equiv="pragma" content="no-cache"  />
   <meta http-equiv="content-type" content="no-cache, must-revalidate" />
   <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>
使用asp.net输出的可以使用

Response.Buffer = True ;
Response.ExpiresAbsolute = Now() - 1 ;
Response.Expires = 0 ;
Response.CacheControl = "no-cache" ;
Response.AddHeader "Pragma", "No-Cache" ;

2添加查询字符串情况

  一般有两种方式,添加随机数,添加时间错

例如添加随机数

document.write("<script src='test.js?rnd="+Math.random()+"'></s"+"cript>")
添加时间戳

url: "../SurveyGetRecordData.aspx?date="+(new Date().getMilliseconds())


可以看到这两种方式,都是每次强制客户端从服务端读取数据,根本不使用缓存,但如果是js样式之类很少变动的呢?使用缓存,如果修改了脚本,客户端总是使用没有改过的脚本,等于没有修改!!不使用缓存,脚本又很少改动,每次都从服务端读取,没有必要!!如何解决??

其实是很简单,还是使用查询字符串,添加了一个类似版本号的查询字符串,如果修改了,就把这参数改变,否则就不改,这样,就可以在需要时缓存,不需要时不缓存了。

例如:

  <script type="text/javascript" src="../jquery-easyui/jquery-1.8.0.min.js?ver=1711"></script>





如何清除浏览器缓存?

标签:style   http   color   io   使用   java   ar   strong   数据   

原文地址:http://blog.csdn.net/xuexiaodong009/article/details/39340637

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!