浏览器http缓存机制
浏览器缓存机制包括http协议和非http协议。
一、非http协议
：
在HTML Meta 标签中，告诉浏览器当前页面不进行缓存，每次访问都去服务器拉取。但只有部分浏览器支持，且所有缓存代理服务器都不支持。
具体为，在HTML页面的<head>节点中加入<meta>标签，代码为：<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
二、http协议：
表1 浏览器缓存机制分类
| 强缓存 | Expires策略（http1.0） | 通过设置到期时间（到十点）来决定何时用缓存文件 |
| Cache-control（http1.1） | 通过设置存活时间（1小时内），决定何时用缓存文件 | |
| 协议缓存 | Last-Modified/If-Modified-Since | 以时间问基础，进行对比，看是否使用缓存 |
| ETag/If-None-Match | 以资源文件变动时不同标识符为基础，看是否使用缓存 |
1、Expires策略（http1.0）和Cache-control策略（http1.1）
相同点：
两者均是Web服务器响应消息头字段，在响应http请求时告诉浏览器在过期时间前浏览器可以直接从浏览器缓存取数据，而无需再次请求。
不同点：
Expires返回的到期时间是服务器端的时间。这样存在一个问题，如果客户端的时间与服务器的时间相差很大（比如时钟不同步，或者跨时区），就会导致较大的误差，所以在HTTP 1.1版开始，使用Cache-Control: max-age=秒替代。Cache-Control的选择更多，设置更细致，如果同时设置的话，优先级比Expires高。
Cache-Control的值可以是：public、private、no-cache、no- store、no-transform、must-revalidate、proxy-revalidate、max-age。其中最为常用的是Cache-Control: max-age=秒，意思是在指定时间内，使用的是缓存数据，无需向服务器发送请求。
2、Last-Modified/If-Modified-Since（Last-Modified/If-Modified-Since要配合Cache-Control使用）
1）Last-Modified：web服务器在响应请求时，告诉浏览器
资源的最后修改时间
。2）If-Modified-Since：当资源过期时（即超过Cache-Control标识的max-age时），发现资源具有3）Last-Modified声明，则再次向web服务器请求时带上头 If-Modified-Since，内容为Last-Modified属性值（资源最后修改的时间）。web服务器收到请求后发现有头If-Modified-Since，就会和服务器上资源的最新修改时间进行对比。若最后修改时间较新，说明资源又被改动过，则响应资源最新的内容（写在响应消息包体内），HTTP 200；若时间一致，说明资源没有修改，则响应HTTP 304 (无资源内容，客户端收到响应后，直接显示本地缓存的内容)。
3、ETag/If-None-Match
1）浏览器第一次跟服务器请求一个资源，服务器在返回这个资源的同时，在respone的header加上ETag的header，这个header是服务器根据当前请求的资源生成的唯一标识字符串，只要资源有变化字符串就变化，跟最后修改时间没有关系；
2）浏览器再次请求相同资源时，在request的header上加上If-None-Match，这个header的值就是上一次请求时返回的ETag的值；
3）服务器再次收到资源请求时，再根据资源生成一个新的ETag，与浏览器传过来If-None-Match比较，如果这两个值相同就说明资源没有变化，否则就是有变化；如果没有变化则返回304 Not Modified，但是不会返回资源内容，浏览器加载缓存文件；如果有变化，返回资源内容。与Last-Modified不一样的是，当服务器返回304 Not Modified的响应时，由于ETag重新生成过，response header中还会把这个ETag返回，即使这个ETag跟之前相同。
7221
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
