来介绍一下http中的这几个概念html
看看百度来的简介:HTTP协议规格说明定义ETag为“被请求变量的实体值”。另外一种说法是,ETag是一个能够与Web资源关联的记号(token)。ETag(EntityTags)是URL的tag,用来标示URL对象是否改变,这样可利用客户端的缓存。由服务器首先产生ETag,客户端经过将该记号传回服务器要求服务器验证其(客户端)缓存。服务器使用它来判断页面是否已经被修改,若是未修改返回304,而没必要从新传输整个对象。ETag由服务器端生成,客户端经过If-Match或者说If-None-Match判断请求来验证资源是否修改。chrome
因此提到这就不得不来讲说另外一个概念Last-Modified,表示的是服务器上此文件最后一次修改此的时间。浏览器会向服务器传送If-Modified-Since报头,询问该时间以后文件是否有被修改过,若是未修改过那么好,直接就去取缓存,不用再次去访问服务器得到此资源。听起来是否是和上述的Etag差异不太大,没错,Etag的出现就是要解决Last-Modified不能解决的一些问题,算是Last-Modified的升级版。来看看Last-Modified不能解决的下列问题:浏览器
一、周期性更改的文件且内容并不改变(仅仅改变的修改时间)。缓存
二、有些文件修改极其频繁,也许1秒内修改了不少次,If-Modified-Since能检查到的最小单位是秒级的,因此这种修改没法判断服务器
三、不能精确获得文件的最后修改时间学习
HTTP1.1以后就出现了升级版的Etag来解决上述Last-Modified不能解决的问题。大概了解了以后咱们来看看实例。
ui
好比当我用chrome打开百度首页时。能够按f12,咱们能够用来查看页面信息,点击network选项,咱们能够看到被请求的各资源。打开百度首页,来看看百度logo的那张图片。spa
第一次请求时,能够看到以下信息代理
能够看到返回的是200 ok字样,说明此图片被成功的从服务器上取到。而且能够看到返回了一个Etag信息 ETag:"1ec5-502264e2ae4c0"htm
当第二次请求百度页面时,再去查看这两张图片的信息能够看到状态码为304。而且Request-headers返回了 If-None-Match:"1ec5-502264e2ae4c0",与Etag里的数据相匹配。
经过匹配信息,返回304,让客户端继续使用本地缓存,不用再去请求服务器。
表示存在时间,指定了在浏览器上缓冲存储的页距过时还有多少时间。若是用户在某个页过时以前再次访问,就会显示缓存中的版本。等同Cache-control中的max-age的效果。可是若是同时存在,则被Cache-Control的max-age覆盖。若把其值设置为0,则表示页面当即过时。而且若此属性在页面当中被设置了屡次,则取其最小值。
一样用上面的例子

这个使用时惟一要注意的一点是,采用的时间必须是 GMT也就是格林威治标准时间。
第三个来呢来谈谈Cache-control
max-age=[秒] — 执行缓存被认为是最新的最长时间。相似于过时时间,这个参数是基于请求时间的相对时间间隔,而不是绝对过时时间,[秒]是一个数字,单位是秒:从请求时间 开始到过时时间之间的秒数。
s-maxage=[秒] — 相似于max-age属性,除了他应用于共享(如:代理服务器)缓存
public — 标记认证内容也能够被缓存,通常来讲: 通过HTTP认证才能访问的内容,输出是自动不能够缓存的;
no-cache — 强制每次请求直接发送给源服务器,而不通过本地缓存版本的校验。这对于须要确认认证应用颇有用(能够和public结合使用),或者严格要求使用最新数据 的应用(不惜牺牲使用缓存的全部好处);
no-store — 强制缓存在任何状况下都不要保留任何副本
must-revalidate — 告诉缓存必须遵循全部你给予副本的新鲜度的,HTTP容许缓存在某些特定状况下返回过时数据,指定了这个属性,你高速缓存,你但愿严格的遵循你的规则。
proxy-revalidate — 和 must-revalidate相似,除了他只对缓存代理服务器起做用(关于catch-control上面这一段源自于网上一篇优秀的博客,如今连接已经找不到了实在很差意思。。)
还有另外一篇描述很详细的文章(http://www.cnblogs.com/cuixiping/archive/2008/05/04/1181056.html)之前是经过这些优秀博客学习的,如今分享出来,与你们共同窗习。
最后还有一个pragma。应该是与cache-control相同。可是是为了兼容http 1.0 的。好比Pragma: no-cache兼容http 1.0 ,Cache-Control: no-cache是http 1.1提供的。这样就保证了不支持http 1.1的浏览器能够正常使用缓存功能。嗯,大概差很少就酱紫了。。