码迷,mamicode.com
首页 > Web开发 > 详细

HTTP请求中浏览器缓存

时间:2015-10-16 15:05:46      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

本文导读:浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制。客户端缓存是否需要是可以在服务端代码上控制的。那就是响应头。响应头告诉缓存器不要保留缓存,缓存器就不会缓存相应内容;如果请求信息是需要认证或者安全加密的,相应内容也不会被缓存。那么,HTTP请求中浏览器是如何缓存数据呢?

 

一、HTTP请求中浏览器缓存流程图

 

1、浏览器第一次请求

技术分享

 

2、浏览器再次请求时

技术分享

 

 

二、HTTP请求中浏览器缓存流程的文字描述

 

1、当资源第一次被访问的时候,HTTP头部如下

 

技术分享技术分享
(Request-Line)  GET /a.html HTTP/1.1
技术分享
Host    127.0.0.1
技术分享
User-Agent  Mozilla/5.0 (X11; U; Linux i686; zh-CN; rv:1.9.0.15) Gecko/2009102815 Ubuntu/9.04 (jaunty) Firefox/3.0.15
技术分享
Accept             text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
技术分享
Accept-Language     zh-cn,zh;q=0.5
技术分享
Accept-Encoding     gzip,deflate
技术分享
Accept-Charset      gb2312,utf-8;q=0.7,;q=0.7
技术分享
Keep-Alive          300
技术分享
Connection          keep-alive
技术分享

HTTP返回头部如下

 

技术分享技术分享
(Status-Line)       HTTP/1.1 200 OK
技术分享
Date                Thu, 26 Nov 2009 13:50:54 GMT
技术分享
Server              Apache/2.2.11 (Unix) PHP/5.2.9
技术分享
Last-Modified       Thu, 26 Nov 2009 13:50:19 GMT
技术分享
Etag                "8fb8b-14-4794674acdcc0"
技术分享
Accept-Ranges       bytes
技术分享
Content-Length      20
技术分享
Keep-Alive          timeout=5, max=100
技术分享
Connection          Keep-Alive
技术分享
Content-Type        text/html
技术分享

 

当资源第一次被访问的时候,http返回200的状态码,并在头部携带上当前资源的一些描述信息,如

 
技术分享技术分享
Last-Modified      // 指示最后修改的时
技术分享
Etag                // 指示资源的状态唯一标识
  Expires             // 指示资源在浏览器缓存中的过期时间

 

接着浏览器会将文件缓存到Cache目录下,并同时保存文件的上述信息

 

2、当第二次请求该文件时

浏览器会先检查Cache目录下是否含有该文件,如果有,并且还没到Expires设置的时间,即文件还没有过期,那么此时浏览器将直接从Cache目录中读取文件,而不再发送请求

如果文件此时已经过期,则浏览器会发送一次HTTP请求到WebServer,并在头部携带上当前文件的如下信息

 
技术分享技术分享
If-Modified-Since   Thu, 26 Nov 2009 13:50:19 GMT
技术分享
If-None-Match       "8fb8b-14-4794674acdcc0"
技术分享

即把上一次修改的时间,以及上一次请求返回的Etag值一起发送给服务器。服务器在接收到这个请求的时候,先解析Header里头的信息,然后校验该头部信息。

如果该文件从上次时间到现在都没有过修改或者Etag信息没有变化,则服务端将直接返回一个304的状态,而不再返回文件资源,状态头部如下

技术分享技术分享技术分享
(Status-Line)       HTTP/1.1 304 Not Modified
技术分享
Date                Thu, 26 Nov 2009 14:09:07 GMT
技术分享
Server              Apache/2.2.11 (Unix) PHP/5.2.9
技术分享
Connection          Keep-Alive
技术分享
Keep-Alive          timeout=5, max=100
技术分享
Etag                "8fb8b-14-4794674acdcc0"
技术分享

这样,就能够很大程度上减少网络带宽以及提升用户的浏览器体验。

当然,如果服务器经过匹配发现文件修改过了,就会将文件资源返回,并带上新文件状态信息。

 

三、浏览器缓存行为还有用户的行为有关!

 

用户操作

Expires/Cache-Control

Last-Modified/Etag

地址栏回车

有效

有效

页面链接跳转

有效

有效

新开窗口

有效

有效

前进、后退

有效

有效

F5刷新

无效

有效

Ctrl+F5刷新

无效

无效

 

 

from:http://www.studyofnet.com/news/391.html

HTTP请求中浏览器缓存

标签:

原文地址:http://www.cnblogs.com/xuan52rock/p/4885248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!