【问题标题】:Difference between F5, Ctrl + F5 and click on refresh button?F5,Ctrl + F5和单击刷新按钮之间的区别?
【发布时间】:2012-01-25 06:16:24
【问题描述】:

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

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

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

【问题讨论】:

  • 如果我们在浏览器的地址栏中按回车,因为 F5、ctrl+F5、ctrl+R 和(在地址栏中按回车)的加载时间不同,在 chrome 浏览器中查看“网络”标签(ctrl+shift+i)
  • 好吧,XKCD:xkcd.com/1854

标签: browser refresh webbrowser-control browser-refresh


【解决方案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 重新加载当前页面,忽略缓存内容并生成预期结果。

    【讨论】:

    【解决方案4】:

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

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

    【解决方案5】:

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

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

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

    【讨论】:

      【解决方案6】:

      F5 触发标准重新加载。

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

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

      【讨论】:

        猜你喜欢
        • 2019-10-25
        • 1970-01-01
        • 1970-01-01
        • 2014-01-01
        • 2010-09-27
        • 2018-01-09
        • 1970-01-01
        • 2010-10-30
        • 1970-01-01
        相关资源
        最近更新 更多