牛骨文教育服务平台(让学习变的简单)
博文笔记

页面缓存

创建时间:2017-09-04 投稿人: 浏览次数:210

以前开发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都要重新加载,这对客户端压力就比较大了,所以如果可以,还是用固定的指定版本号比较好,既能避免不及时更新问题,又可以允许一定程序的缓存。



声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。