浏览器缓存简单机制 博客分类： 前端缓存 浏览器webcachelocal

以下内容貌似简单，但有些朋友不一定都理解清晰了。

浏览器缓存存在本地，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，否则，发送最新内容给浏览器。