页面缓存

来源:互联网 发布:网站关键词优化智搜宝 编辑:程序博客网 时间:2024/05/17 03:39

以前开发web的时候,当页面有缓存时,总是简单粗暴地Ctrl+F5解决问题奋斗

不过后来想想,虽然这个组合键很简单,但是你也不能觉得用户都会用,能让用户少动手的尽量别让用户动手!

那么问题来了,页面有缓存怎么处理,怎么才能让页面不会有缓存?

1、在页面中设置

加<head>中加三个标签

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">

2、在控制层设置

response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache"); 
response.setDateHeader("Expires", 0);

3、ajax设置

cache:false,
ifModified :true ,

4、对于外部引用的文件,如css、js等,可以在引用地址末尾加版本号

<script type=”text/javascript“ src=”/js/test.js?v=0.01“></script> 

如果编辑对js作了修改,就同时更新一下版本号,新的版本号只要不和上次相同就可以了

比较极端的是,每次都更新版本号

<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script> 

这种情况,每次js都要重新加载,这对客户端压力就比较大了,所以如果可以,还是用固定的指定版本号比较好,既能避免不及时更新问题,又可以允许一定程序的缓存。



原创粉丝点击