文档章节

Firefox与IE浏览器缓存的两个重要区别

adamsun
 adamsun
发布于 2013/02/04 15:30
字数 1292
阅读 168
收藏 6
简介
详细介绍了firefox的缓存与IE的区别,如何设置服务响应头让两者缓存行为一致.

当你建立好一个WEB服务后,通常有两个类型的缓存需要配置:

  1. 设置网站有更新的时候html资源马上过期,以便正在浏览的用户可以很快地得到更新.
  2. 设置所有其它资源(例如图片,CSS,javascript脚本)在一定时间后过期.


这个缓存方案涵盖Two Simple Rules for HTTP Caching文章中提到关于如何处理更新的一些思想.

现在HttpWatch 6.0支持Firefox了,我们想探讨一下Firefox在处理缓存上与IE有些什么不同.设置较长过期时间的使用方式(上面第二条)仍可以直接用于Firefox,但配置1在两者之间还是存在细微差别的.

之前的文章 中,我们把第一条划分为:

  • 某些时候动态HTML页面需要即时从服务器更新以备随时显示-甚至是使用后退按钮的时候.例如,显示银行帐号的状态或在线订单.
  • 静态HTML页面,比如联系,FAQs或者站点地图等页面,如果它们设置了Last-Modified响应头,允许浏览器在需要的时候重新校验,就可以利用到缓存.

本文剩下部分探讨了Firefox中影响HTML页面缓存的两个重要不同点.

1. 使用no-cache防止Firefox缓存无效

你可以简单地设置如下的响应头预防IE缓存任何东西:

Cache-Control: no-cache

使用了这个响应头的页面不会保存在缓存里,IE总会重新从服务器加载;即使你使用后退按钮.下面这个例子使用HttpWatch监听一个网上商店,当我们在提交订单表单后点击后退按钮,结果如下图:

然而,这个响应头却不能防止Firefox的缓存.这意味着,Firefox在正常访问的情况下,将一直使用缓存的页面,直到它发送GET请求重新检验.并且,如果是通过后退按钮访问页面,Firefox不会再次访问服务器,而是简单直接地从缓存加载.

那怎样才能关掉Firefox中的缓存呢? 答案很简单,关不了. 因为Firefox依靠缓存中的副本为"文件->另存为","查看源代码"这样的操作服务.但是,你可以控制页面缓存到哪里及那些缓存条目可以用于显示.

下面响应头在Firefox中可以防止持久化的缓存,强制页面被缓存到内存中:

Cache-Control:no-store

这个头也可以防止使用后退按钮时访问了缓存页面,它将触发一个HTTP GET请求.

这两个响应头的值组合使用可以在IE与Firefox得到期待的结果:

Cache-Control: no-cache, no-store

如下HttpWatch响应头标签所示:

no-store and no-cache headers

2. 如果没有设置过期时间Firefox会为你设置一个

当IE遇到没有Expires头的http响应时,它就认为永远不能自动使用缓存条目,直到它重新从服务校验.由于IE的临时文件的一个设置项"检查所在网页的较新版本"默认为"自动",所以通常都是一个会话做一次.

这就为控制静态的html内容的缓存提供了一个合理的方式.用户新打开的IE会得到html的最新版本,而缓存的版本就在关闭IE前会一直被使用.

Firefox处理缺失Expires头的方式不同.如果影响中有Last-Modified头它就会使用HTTP 1.1规范RFC2616中指定的一个尝试性的过期值:

(引用规范:)
并且,如果响应中有Last-Modified时间值,尝试性的过期值不能超过这个值到现在时间间隔的一个比率,一般设置这个比率为10%.

计算方式如下:

过期时间 = 现在时间 + 0.1 * (Last-Modified到现在的时间差)

例如,如果你的静态HTML文件上次修改时间是100天前,那过期时间就是10天之后.下面的示例是一个没有Expires头页面的HttpWatch缓存标签:

Firefox自动设置了过期时间为8天后,因为这个页面大概80天没有被修改过了.

这意味着,为了保持控制好你的HTML页面,正如我们在 Two Simple Rules for HTTP Caching 文章中讨论过的,你最好为你的静态资源如HTML,图片,CSS文件等,在你的WEB服务器设置一个合适的Expires值.

结论

为了确保IE与Firefox的缓存行为一致,你应该:

  • 总是指定一个Expires头. 一般设置-1使用html页面能即时刷新或者对其它如图片,CSS,javascript脚本资源设置一个特定的过期时间
  • 如果你要强制页面刷新,甚至是点击后台按钮的时候,那就设置 Cache-Control: no-cache, no-store

本文转载自:http://article.yeeyan.org/view/mouse4x/17150

共有 人打赏支持
adamsun
粉丝 2
博文 5
码字总数 17
作品 0
朝阳
程序员
私信 提问
CSS hack for IE6/IE7/IE8/Firefox/Chrome/Safari

每次调css最令人头痛的就是浏览器校正问题,因为每个浏览器对css的解释都不太一样,firefox本身算是比较照规矩来,处理上比较简单,但是遇到微软的ie系列头 就大了,虽然都是ie,但是ie6、i...

被风遗忘
2013/04/03
0
2
转载 Div+css浏览器兼容实例分析(一)

今天又在OECP社区发现了一篇好文章,《Div+css浏览器兼容实例分析》,因为文章太长所以分为两篇上传给大家分享。 用div+css布局来做页面相比用table来做页面当然是好处多多,比如说我前面文章...

oecp
2011/06/03
0
0
有关css和js针对不同浏览器兼容的问题

首先谈一下浏览器,虽然现在ie依然是浏览器市场的老大,大约占有67%的份额,但是由于其各方面的欠缺,用户开始选择其他浏览器作为自己浏览网页的主要 工具,比如firefox、theworld、maxthon...

Adam-Lee
2012/01/09
0
0
各种浏览器CSS Hack的原理是什么?

CSS Hack的原理是什么 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 CSS Hack大致有3种表现形式,CSS类...

webas
2013/04/20
0
1
Firefox火狐浏览器web开发调试开启强制刷新缓存模式

最近做项目的时候,在火狐浏览器发现缓存难清理,用Ctrl+F5 Ctrl+R 等在谷歌和IE浏览器的快捷键没用,搜索了一下,发现火狐清理缓存比较麻烦,默认快捷键 Ctrl + Shift + Del 键是弹窗选择性...

ahl123
04/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ConcurrentHashMap 高并发性的实现机制

ConcurrentHashMap 的结构分析 为了更好的理解 ConcurrentHashMap 高并发的具体实现,让我们先探索它的结构模型。 ConcurrentHashMap 类中包含两个静态内部类 HashEntry 和 Segment。HashEnt...

TonyStarkSir
今天
3
0
大数据教程(7.4)HDFS的java客户端API(流处理方式)

博主上一篇博客分享了namenode和datanode的工作原理,本章节将继前面的HDFS的java客户端简单API后深度讲述HDFS流处理API。 场景:博主前面的文章介绍过HDFS上存的大文件会成不同的块存储在不...

em_aaron
昨天
2
0
聊聊storm的window trigger

序 本文主要研究一下storm的window trigger WindowTridentProcessor.prepare storm-core-1.2.2-sources.jar!/org/apache/storm/trident/windowing/WindowTridentProcessor.java public v......

go4it
昨天
6
0
CentOS 生产环境配置

初始配置 对于一般配置来说,不需要安装 epel-release 仓库,本文主要在于希望跟随 RHEL 的配置流程,紧跟红帽公司对于服务器的配置说明。 # yum update 安装 centos-release-scl # yum ins...

clin003
昨天
9
0
GPON网络故障处理手册

导读 为了方便广大网络工作者工作需要,特搜集以下GPON网络处理流程供大家学习参考。开始—初步定为故障—检查光纤状况—检查ONU状态--检查设备运行状态—检查设备数据配置—检查上层设备状态...

问题终结者
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部