很多开发人员在维护公司运营的网站项目时,可能经常会遇见一个问题就是,编辑人员又抱怨,首页生成了静态页面,为何我访问内容依然是旧的!也许这时你会向她们解释,这是由于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 >