很多开发人员在维护公司运营的网站项目时,可能经常会遇见一个问题就是,编辑人员又抱怨,首页生成了静态页面,为何我访问内容依然是旧的!也许这时你会向她们解释,这是由于IE为加快访问WEB的速度,缓存了你之前浏览的页面.此时其他人访问应该是新的内容.但人们总是只相信自己的眼睛,相信自己所看到的,所以她们会认为别人访问时也是旧的内容!
对于这样的问题开发人员就要想办法防止浏览器缓存页面,这里提供几种解决方案!
1.用户访问页面时,随机的生成一个串当参数加在URL后,这样每次URL不同,浏览器会重新到服务器请求加载.但此方法显然不友好,如果是公司的首页.没有谁会愿意在域名后还看加一长串的字符!
2.将首页设置一个动态页面refreshIndex.aspx.此页面的加载事件PageLoad中定入以下代码
Server.Transfer("首页静态页面路径");
这样其实就不是静态页面了,但他又比动态页面稍好.因为不用频繁的访问数据库!在稍微牺牲一点性能的前提下,可以解决方案一的不友好性.
3.利用HTML元数据META,在HTML头设置如下属性
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
告诉浏览器不要缓存本页面,但这种方法并不是总有效,且只支持IE5及以上版本.为更好的解决缓存问题,还需要在HTML文档结尾处添加
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<HEAD>
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
</HEAD>
具体原因可以参见http://support.microsoft.com/kb/222064 <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
</HEAD>
有时我们使用JS文件来存放数据,为了防止JS文件更新后用户读取的是缓存,可以这样使用
<script language="javascript" type="text/javascript">
//防止客户端缓存JS文件造成数据更新不及时
document.write("<s" + "cript type='text/javascript' src='/CacheData/json/StockInfo.js?" + new Date() + "'></scr" + "ipt>");
</script>
或者//防止客户端缓存JS文件造成数据更新不及时
document.write("<s" + "cript type='text/javascript' src='/CacheData/json/StockInfo.js?" + new Date() + "'></scr" + "ipt>");
</script>
<!--以下方法仅支持aspx页面-->
<script language="javascript" type="text/javascript" src="/jslib/StockInfo.js?t=<%=DateTime.Now %>"></script>
<script language="javascript" type="text/javascript" src="/jslib/StockInfo.js?t=<%=DateTime.Now %>"></script>