浏览器的缓存机制
2012-12-07 11:09
232 查看
一般来说,浏览器都是有缓存的,缓存机制可以通过http请求协议,和html的meta标签来设定,我们前端it牛就只关注后者吧,前者需要服务端或者本地程序自己定义。
这种方式用一句广告词来说就是”so easy!“,只需要如下代码:
?
meta标签很牛叉,它提供了很多属性来定义页面的文档信息,包括设置搜索引擎关键字啊,编码啊,作者啊,描述啊,语言啊等等,同样也提供了修改http信息的属性。比如上面的示例就是http请求协议的缓存定义no-cache,无缓存。其实我们可以从语义上来分析:http-equiv 这个属性服务器在处理的时候会把它自动加载到浏览器的头信息里。比如我如下设置:
?
那么你就设置了页面的过期时间和页面编码,浏览器的头信息就会有下面这样的信息:
?
值得一提的是 expires貌似是http1.0的东西,对现在http1.1来说貌似作用不大。
附上一张别人的两张图,描述一下浏览器请求的原理:
第一次请求:
再次请求:
摘自:/article/5775788.html。
十分感谢,哈哈。
这种方式用一句广告词来说就是”so easy!“,只需要如下代码:
?
?
?
附上一张别人的两张图,描述一下浏览器请求的原理:
第一次请求:
再次请求:
摘自:/article/5775788.html。
十分感谢,哈哈。
相关文章推荐
- 浏览器缓存机制详解
- [分享黑科技]纯js突破localstorage存储上线,远程抓取图片,并转码base64保存本地,最终实现整个网站所有静态资源离线到用户手机效果却不依赖浏览器的缓存机制,单页应用最新黑科技
- 浏览器缓存机制
- 浏览器三种刷新方式采取的不同缓存机制
- 转载:浏览器DNS缓存机制分析
- atitit。浏览器缓存机制 and 微信浏览器防止缓存的设计 attilax 总结
- 浏览器缓存机制
- 浏览器缓存机制(转)
- 浏览器三种刷新方式所采取的缓存机制
- 浏览器缓存机制
- 浏览器缓存机制及一些缓存问题解决方法
- PHP到浏览器的缓存机制
- 浏览器 缓存与刷新 机制
- 浏览器缓存机制
- 彻底理解浏览器缓存机制
- 浏览器 HTTP 协议缓存机制详解
- atitit。浏览器缓存机制 and 微信浏览器防止缓存的设计 attilax 总结
- 浏览器三种刷新方式所采取的缓存机制
- 浏览器http的缓存机制
- 浏览器缓存机制