F5，Ctrl + F5和单击刷新按钮之间的区别？

Posted 2023-02-21

【中文标题】F5，Ctrl + F5和单击刷新按钮之间的区别？

【英文标题】：Difference between F5, Ctrl + F5 and click on refresh button?

【发布时间】：2012-01-25 06:16:24

【问题描述】：

我在开发 Web 应用程序时经常遇到按 F5 或刷新无法产生或刷新正确结果的情况。但是当我们点击 Ctrl + F5 时，它会生成正确的结果。简单的 F5 和 Ctrl + F5 的基本区别是什么？

我也经常遇到在浏览器中按简单的F5和按Refresh按钮也会产生不同的结果。

所有这些请求的基本区别是什么？

【问题讨论】：

如果我们在浏览器的地址栏中按回车，因为 F5、ctrl+F5、ctrl+R 和（在地址栏中按回车）的加载时间不同，在 chrome 浏览器中查看“网络”标签（ctrl+shift+i）

好吧，XKCD：xkcd.com/1854

【参考方案1】：

F5 从服务器重新加载页面，但它使用浏览器的缓存来存储页面元素，如脚本、图像、CSS 样式表等。但是 Ctrl + F5，从服务器重新加载页面并从服务器重新加载其内容，根本不使用本地缓存。

因此，通过在 Yahoo 主页上按 F5，它只会重新加载主 html 框架，然后从其缓存中加载所有其他元素，例如图像。如果添加或更改了新元素，则它会从服务器获取它。但是 Ctrl + F5 会从服务器重新加载所有内容。

【参考方案2】：

F5 是标准页面重新加载。

和

Ctrl + F5 通过清除页面的缓存内容来刷新页面。

将光标放在地址字段中并按 Enter 也与 Ctrl + F5 相同。

【讨论】：

不，你错了。 “将光标放在地址字段中并按 ENTER 也可以”F5 而不是 GOOGLE CHROME 中的 CTRL+F5。我已经使用 chrome 中的“开发者控制台”验证了这一点。

【参考方案3】：

CTRL+F5 重新加载当前页面，忽略缓存内容并生成预期结果。

【讨论】：

IMO CTRL +F5 仅显示新内容。它不清除缓存它绕过缓存en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

【参考方案4】：

我对该主题进行了小型研究，发现浏览器的不同行为：

查看我的博文“Behind refresh button”了解更多详情。

【讨论】：

博文链接改为podlipensky.com/2012/03/behind-refresh-button

仍然可以通过web.archive.org/web/20131026195830/http://podlipensky.com/2012/…找到博文

【参考方案5】：

F5 并且刷新按钮会在向服务器请求内容之前查看您的浏览器缓存。

Ctrl + F5 强制从服务器加载。

您可以设置content expiration headers 和/或meta tags 以确保浏览器不缓存任何内容（也许您只能为开发环境执行某些操作）。

【参考方案6】：

F5 触发标准重新加载。

Ctrl + F5 触发强制重新加载。这会导致浏览器从网络服务器重新下载页面，确保它始终拥有最新的副本。

与 F5 不同，强制重新加载不会显示页面的缓存副本。