浏览器缓存 机制
博客专区 > web5 的博客 > 博客详情
浏览器缓存 机制
web5 发表于4年前
浏览器缓存 机制
  • 发表于 4年前
  • 阅读 186
  • 收藏 4
  • 点赞 0
  • 评论 2

新睿云服务器60天免费使用,快来体验!>>>   

浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如: Expires; Cache-control等)。但是也有非HTTP协议定义的缓存机制,如使用HTML Meta 标签,Web开发者可以在HTML页面的<head>节点中加入<meta>标签,代码如下:

<!-- lang: html -->
 html code
<!-- lang: html -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

上述代码的作用是告诉浏览器当前页面不被缓存,每次访问都需要去服务器拉取。使用上很简单,但只有部分浏览器可以支持,而且所有缓存代理服务器都不支持,因为代理不解析HTML内容本身。

下面我主要介绍HTTP协议定义的缓存机制。

Expires策略 Expires是Web服务器响应消息头字段,在响应http请求时告诉浏览器在过期时间前浏览器可以直接从浏览器缓存取数据,而无需再次请求。

下面是宝宝PK项目中,浏览器拉取jquery.js web服务器的响应头:

![注:Date头域表示消息发送的时间,时间的描述格式由rfc822定义。例如,Date: Mon,31 Dec 2001 04:25:57GMT。][1] [1]: http://static.oschina.net/uploads/space/2014/0529/111422_V19s_206483.png

Web服务器告诉浏览器在2012-11-28 03:30:01这个时间点之前,可以使用缓存文件。发送请求的时间是2012-11-28 03:25:01,即缓存5分钟。

不过Expires 是HTTP 1.0的东西,现在默认浏览器均默认使用HTTP 1.1,所以它的作用基本忽略。

回去再贴

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
web5
粉丝 8
博文 19
码字总数 2797
评论 (2)
许雷神
先马克,感谢
Vek_lip
楼主还有没有别的web知识分享,感谢
×
web5
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: