浏览器“F5”和“Ctrl + F5”刷新生成什么请求?

时间:2008-12-22 02:00:09

标签: http browser caching cross-browser refresh

在网络浏览器中触发 F5 Ctrl + F5 的操作是否有标准?

我曾经在IE6和Firefox 2.x中做过实验。 F5 刷新将触发使用If-Modified-Since标头发送到服务器的HTTP请求,而 Ctrl + F5 则不会有这样的标头。根据我的理解, F5 将尝试尽可能多地利用缓存内容,而 Ctrl + F5 旨在放弃所有缓存内容,并再次从服务器中检索所有内容。

但是今天,我注意到在一些最新的浏览器(Chrome,IE8)中,它不再以这种方式工作了。 F5 Ctrl + F5 都会发送If-Modified-Since标头。

那么这应该如何工作,或者(如果没有标准)主要浏览器如何实现这些刷新功能?

6 个答案:

答案 0 :(得分:520)

取决于浏览器,但它们的行为方式相似。

我测试了FF,IE7,Opera和Chrome。

F5 通常仅在修改页面时更新页面。浏览器通常会尝试尽可能多地使用所有类型的缓存,并在请求中添加“If-modified-since”标头。 Opera通过发送“Cache-Control:no-cache”来区别。

CTRL - F5 用于强制更新,忽略任何缓存。 IE7增加了一个“Cache-Control:no-cache”,FF也增加了“Pragma:no-cache”。 Chrome执行正常的“If-modified-since”并且Opera忽略了密钥。

如果我没记错的话,Netscape是第一个通过在按下 CTRL - F5

修改:更新了表格

下表更新了有关单击浏览器刷新按钮(Joel Coehoorn请求后)和“max-age = 0”Cache-control-header时会发生什么的信息。 / p>

2010年9月27日更新的表格

┌────────────┬───────────────────────────────────────────────┐
│  UPDATED   │                Firefox 3.x                    │
│27 SEP 2010 │  ┌────────────────────────────────────────────┤
│            │  │             MSIE 8, 7                      │
│ Version 3  │  │  ┌─────────────────────────────────────────┤
│            │  │  │          Chrome 6.0                     │
│            │  │  │  ┌──────────────────────────────────────┤
│            │  │  │  │       Chrome 1.0                     │
│            │  │  │  │  ┌───────────────────────────────────┤
│            │  │  │  │  │    Opera 10, 9                    │
│            │  │  │  │  │  ┌────────────────────────────────┤
│            │  │  │  │  │  │                                │
├────────────┼──┼──┼──┼──┼──┼────────────────────────────────┤
│          F5│IM│I │IM│IM│C │                                │
│    SHIFT-F5│- │- │CP│IM│- │ Legend:                        │
│     CTRL-F5│CP│C │CP│IM│- │ I = "If-Modified-Since"        │
│      ALT-F5│- │- │- │- │*2│ P = "Pragma: No-cache"         │
│    ALTGR-F5│- │I │- │- │- │ C = "Cache-Control: no-cache"  │
├────────────┼──┼──┼──┼──┼──┤ M = "Cache-Control: max-age=0" │
│      CTRL-R│IM│I │IM│IM│C │ - = ignored                    │
│CTRL-SHIFT-R│CP│- │CP│- │- │                                │
├────────────┼──┼──┼──┼──┼──┤                                │
│       Click│IM│I │IM│IM│C │ With 'click' I refer to a      │
│ Shift-Click│CP│I │CP│IM│C │ mouse click on the browsers    │
│  Ctrl-Click│*1│C │CP│IM│C │ refresh-icon.                  │
│   Alt-Click│IM│I │IM│IM│C │                                │
│ AltGr-Click│IM│I │- │IM│- │                                │
└────────────┴──┴──┴──┴──┴──┴────────────────────────────────┘

测试的版本:

  • Firefox 3.1.6和3.0.6(WINXP)
  • MSIE 8.0.6001和7.0.5730.11(WINXP)
  • Chrome 6.0.472.63和1.0.151.48(WINXP)
  • Opera 10.62和9.61(WINXP)

注意:

  1. 3.0.6版发送I和C,但3.1.6在新标签中打开页面, 仅使用“我”发出正常请求。

  2. 版本10.62什么都不做。 9.61可能会做C,除非在我的旧桌子上打字错误。

  3. 关于Chrome 6.0.472的注意事项:如果您执行了强制重新加载(例如 CTRL - F5 ),则其行为类似于内部网址标记为始终强制重新加载。如果您转到地址栏并按Enter键,该标志将被清除。

答案 1 :(得分:295)

一般来说:

即使内容被更改,

F5 也可能会为您提供相同的页面,因为它可能会从缓存中加载页面。但 Ctrl - F5 强制缓存刷新,并保证如果内容发生变化,您将获得新内容。

答案 2 :(得分:68)

我已经实现了跨浏览器兼容的网页来测试browser's refresh behavior(此处为the source code)并获得类似于@some的结果,但对于现代浏览器:

enter image description here

答案 3 :(得分:9)

至少在Firefox(v3.5)中,缓存似乎是禁用而不是简单地清除。如果页面上有多个相同图像的实例,则会多次传输。对于随后通过Ajax / JavaScript添加的img标记也是如此。

因此,如果您想知道为什么浏览器会在您的自动刷新Ajax网站上继续下载相同的小图标几百次,那是因为您最初使用 CTRL - F5

答案 4 :(得分:3)

IE7 / 8/9似乎表现不同,具体取决于页面是否有焦点。

如果单击页面并 CTRL + F5 ,则请求标头中包含“Cache-Control:no-cache”。如果单击位置/地址栏,然后按 CTRL + F5 则不是。

答案 5 :(得分:1)

当用户按 F5 时,虽然新请求会转到Web服务器并获得请求的响应。但是当响应标头被解析时,它会检查浏览器缓存中所需的信息。如果缓存中的所需信息尚未过期,则从缓存本身恢复该信息。

当用户点击 CTRL - F5 时,即使那时新请求也会转到Web服务器并获得响应。但是这次当响应头被解析时,它不会检查缓存中的任何所需信息,并且只将所有更新的信息从服务器中提取。