论坛首页 Web前端技术论坛

浏览器缓存简单机制

浏览 8396 次
精华帖 (0) :: 良好帖 (3) :: 新手帖 (0) :: 隐藏帖 (1)
作者 正文
   发表时间:2011-08-11   最后修改:2011-08-20
以下内容貌似简单,但有些朋友不一定都理解清晰了。

浏览器缓存存在本地,IE的如:C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files文件夹下。浏览器取缓存内容的类型:
(1)本地缓存:
直接从本地去页面缓存;
如果缓存的页面有expires(绝对时刻)或Cache-Control:max-age(时长),则在有效时间内,则取本地页面,不会给浏览器发请求。
(2)协商缓存:
与web服务器协商,判断是否取浏览器缓存。
如果没有expires或max-age,则浏览器会发请求到服务器,附上If-Modified-Since报文头,web服务器则会判断页面是否在这个时间后有更新过,如没有则返回一个304状态,浏览器取本地缓存的内容;否则,服务器将返回200状态,并返回该资源和Last-Modified。


在浏览器(如IE)中有几种操作,如下:
(1)强制刷新:Ctrl + F5
浏览器将绕过本地缓存、协商缓存,让服务器重新发送请求的资源。
(2)刷新:F5
浏览器将绕过本地缓存,将使用协商缓存来请求资源。
(3)转向或回车
浏览器将使用本地缓存、协商缓存。

ETag:
Last-Modified与If-Modified-Since是一对报文头,属于http 1.0。
ETag与If-None-Match是一对报文,属于http 1.1。
他们要实现的都是协商缓存,但Last-Modified和If-Modified-Since只判断资源的最后修改时间,而ETags和If-None-Match可以是资源任何的任何属性。

ETag机制类似于乐观锁机制,如果请求报文的ETag与服务器的不一致,则表示该资源已经被修改过来,需要发最新的内容给浏览器。

同时使用这两个报文头,在完全匹配If-Modified-Since和If-None-Match即检查完修改时间和Etag之后,如都与服务器的相符,服务器返回304,否则,发送最新内容给浏览器。

   发表时间:2011-08-11  
至少漏了ETag
0 请登录后投票
   发表时间:2011-08-15  
ETag  楼上讲讲吧
0 请登录后投票
   发表时间:2011-08-16  
补充ETag内容:
Last-Modified与If-Modified-Since是一对报文头,属于http 1.0。
ETag与If-None-Match是一对报文,属于http 1.1。他们要实现的都是协商缓存。
ETag机制类似于乐观锁机制,如果请求报文的ETag与服务器的不一致,则表示该资源已经被修改过来,需要发最新的内容给浏览器。

0 请登录后投票
   发表时间:2011-08-18  
可不可以问一下怎么实现这样一个功能:
   浏览器点返回的按钮报网页过期?
0 请登录后投票
   发表时间:2011-08-18  
不错不错 顶 把ETag的并入到文章里面吧  板式好看点  恒仔飘过 哈
0 请登录后投票
   发表时间:2011-08-20   最后修改:2011-08-20
caojian4318 写道
可不可以问一下怎么实现这样一个功能:
   浏览器点返回的按钮报网页过期?


你可以利用Form的post提交来实现。
例如:在浏览器中PageA使用Form以Post方式提交数据过来web服务器,web服务器处理后转到PageB,然后pageB点击链接转到页面pageC, 再从pageC后退到pageB就会报页面过期。

你也可以看我的blog: xiemingmei.iteye.com

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics