浏览器的“F5”和“Ctrl + F5”刷新会产生什么请求？答案

【问题标题】：What requests do browsers' "F5" and "Ctrl + F5" refreshes generate?浏览器的“F5”和“Ctrl + F5”刷新会产生什么请求？
【发布时间】：2010-09-27 23:23:00
【问题描述】：

对于哪些动作 F5 和 Ctrl+F5 在 Web 浏览器中触发有标准吗？

我曾经在 IE6 和 Firefox 2.x 中做过实验。 F5 刷新会触发带有 If-Modified-Since 标头的 HTTP 请求发送到服务器，而 Ctrl+F5 不会有这样的标头.在我的理解中，F5 会尽量利用缓存的内容，而 Ctrl+F5 的目的是放弃所有缓存的内容，只再次从服务器检索所有内容。

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

那么这应该如何工作，或者（如果没有标准）主要浏览器在实现这些刷新功能方面有何不同？

【问题讨论】：

FWIW：虽然这肯定可能是一个超级用户主题，甚至可能在最初被问到时有点以最终用户为中心，但在这一点上程序员和 Web 开发人员都回答和引用了，应该留在这里。 SU 已经有其他几个更面向最终用户的版本，并且不需要它...
xkcd.com/1854
我可能疯了，但我认为ALT+F5 和CTRL+F5 一样。
@ashleedawg 根据我的研究（请参阅我的答案中的表格），只有 Opera 9 使用 ALT+F5 而不是 CTRL+F5，而所有其他经过测试的浏览器都使用 CTRL+F5 而不是 ALT +F5。这是在 Windows 上。您使用的是什么操作系统和浏览器？

标签： http browser caching cross-browser refresh

【解决方案1】：

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

F5 通常只有在页面被修改时才会更新页面。现代浏览器发送Cache-Control: max-age=0 告诉任何缓存资源被认为是新鲜的最长时间，相对于请求的时间。

CTRL-F5 用于强制更新，忽略任何缓存。现代浏览器发送Cache-Control: no-cache 和Pragma: No-cache

如果我没记错的话，Netscape 是第一个通过在您按下 CTRL-F5 时添加 Pragma: No-cache 来添加对缓存控制的支持的浏览器。

┌───────────┬──────────────┬─────┬─────────────────┬──────────────────────────────┐
│ Version 4 │      F5      │  R  │      CLICK      │ Legend:                      │
│2021 MAY 19├──┬──┬──┬──┬──┼──┬──┼──┬──┬──┬──┬──┬──┤ C = Cache-Control: no-cache  │
│           │  │S │C │A │A │C │C │  │S │C │A │A │C │ I = If-Modified-Since        │
│           │  │H │T │L │L │T │T │  │H │T │L │L │T │ M = Cache-Control: max-age=0 │
│           │  │I │R │T │T │R │R │  │I │R │T │T │R │ N = Not tested               │
│           │  │F │L │  │G │L │L │  │F │L │  │G │L │ P = Pragma: No-cache         │
│           │  │T │  │  │R │  │+ │  │T │  │  │R │+ │ - = ignored                  │
│           │  │  │  │  │  │  │S │  │  │  │  │  │S │                              │
│           │  │  │  │  │  │  │H │  │  │  │  │  │H │ With 'CLICK' I refer to a    │
│           │  │  │  │  │  │  │I │  │  │  │  │  │I │ mouse click on the browsers  │
│           │  │  │  │  │  │  │F │  │  │  │  │  │F │ refresh-icon.                │
│           │  │  │  │  │  │  │T │  │  │  │  │  │T │                              │
│           │  │  │  │  │  │  │  │  │  │  │  │  │  │ 1: Version 3.0.6 sends I     │
├───────────┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┤    and C, but 3.1.6 opens    │
│Brave 1.24 │M │CP│CP│- │- │M │CP│M │CP│CP│M │CP│CP│    the page in a new tab,    │
├───────────┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┤    making a normal request   │
│Chrome 1   │MI│MI│MI│- │- │MI│- │MI│MI│MI│MI│MI│N │    with only I.              │
│Chrome 6   │MI│CP│CP│- │- │MI│CP│MI│CP│CP│MI│- │N │ 2: Version 10.62 does        │
│Chrome 90  │M │CP│CP│- │- │M │CP│M │CP│CP│M │CP│CP│    nothing. 9.61 might do C  │
├───────────┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┤    unless it was a typo in   │
│Edge 90    │M │CP│CP│- │- │M │CP│M │CP│CP│M │CP│CP│    my old table.             │
├───────────┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┤ 3: Opens the currernt tab in │
│Firefox 3.x│MI│- │CP│- │- │MI│CP│MI│CP│1 │M │MI│N │    a new tab, but does not   │
│Firefox 89 │M │- │CP│- │M │M │CP│M │CP│3 │M │M │3 │    refresh the page if it is │
├───────────┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┤    cached in the browser.    │
│MSIE 8, 7  │I │- │C │- │I │I │  │I │I │C │I │I │N │                              │
├───────────┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┼──┤                              │
│Opera 10, 9│C │- │- │2 │- │C │- │C │C │C │C │- │N │                              │
│Opera 76   │M │CP│CP│- │- │M │- │M │CP│CP│M │CP│CP│                              │
├───────────┴──┴──┴──┴──┴──┴──┴──┴──┴──┴──┴──┴──┴──┴──────────────────────────────┤
│                    https://stackoverflow.com/a/385491/36866                     │
└─────────────────────────────────────────────────────────────────────────────────┘

关于 Chrome 6.0.472 的注意事项：如果您执行强制重新加载（如 CTRL-F5），它的行为就像 url 在内部标记为始终强制重新加载。如果您转到地址栏并按 Enter，则该标志会被清除。

【讨论】：

@Joel Coehoorn：通过单击刷新按钮更新了表格。一定会喜欢 ASCII 图形表，不是吗？颜色编码只是代码颜色编码的副作用。
你不能把它当作一个合适的 HTML 表格吗？
仅供参考 - 这个答案实际上已在 chrome 开发/错误跟踪板上被引用：code.google.com/p/chromium/issues/detail?id=1906
@John Topley：不允许使用表格，所以答案是否定的。
@PaulIrish 10 年后，该表已更新。 :)

【解决方案2】：

一般来说：

F5 即使内容发生更改，也可能会为您提供相同的页面，因为它可能会从缓存中加载页面。但是Ctrl+F5会强制刷新缓存，并且会保证如果内容发生变化，你会得到新的内容。

【讨论】：

这是准确的，但请注意，虽然 Ctrl+F5 会导致浏览器丢弃缓存并从服务器请求新缓存，但服务器可能会忽略 no-cache 标头并为服务器端提供服务缓存页面。因此，如果服务器忽略 no-cache 标头，即使 Ctrl+F5 也可能返回旧版本的页面。
F5 将刷新页面 - CTRL+F5 将进行“硬”刷新。
另外提一下，如果给出的话，Ctrl-F5 会提交一个表单。
好的，所以如果你按下 ctrl+f5 你告诉你的浏览器不要使用它的缓存，但是在随后对同一页面的请求中会发生什么？我的意思是，在你看到最旧的页面之后，你能看到旧版本的页面吗？如果我看到页面的第 1 版是因为它被缓存但已经有第 2 版可用，我知道按 ctrl+f5 会让我看到第 2 版。然后我关闭浏览器并再次打开该页面，¿我看到的是版本 1 还是我仍然看到的是版本 2？谢谢。

【解决方案3】：

我已经实现了跨浏览器兼容页面来测试browser's refresh behavior（这里是the source code）并获得类似于@some 的结果，但适用于现代浏览器：

【讨论】：

您页面上的链接已损坏，我修复了答案上的链接，但该页面上的许多链接已损坏。 podlipensky.com/examples/refreshbutton/index.html , podlipensky.com/post/2012/02/27/…
对不起，关于那个 - 正在做博客迁移。链接将尽快修复，目前 - 请前往 github 存储库并下载示例。
链接仍然断开。迁移未完成？
您能否使用当前版本的浏览器更新您的答案，尤其是移动和桌面 Safari，@PavelPodlipensky？

【解决方案4】：

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

所以，如果您想知道为什么浏览器会在您的自动刷新 Ajax 网站上不断下载同一个小图标数百次，那是因为您最初使用 CTRL-F5.

【讨论】：

【解决方案5】：

IE7/8/9 的行为似乎不同，具体取决于页面是否具有焦点。

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

【讨论】：

【解决方案6】：

当用户按下 F5 时，尽管新请求会发送到 Web 服务器并获得对请求的响应。但是当响应头被解析时，它会检查浏览器缓存中的所需信息。如果缓存中所需的信息尚未过期，则该信息将从缓存中恢复。

当用户点击 CTRL-F5 时，即使新的请求到达 Web 服务器并得到响应。但是这次解析响应头时，它不会检查缓存中的任何所需信息，并且仅将所有更新的信息带到服务器。

【讨论】：