腾讯云服务器优惠活动华纳云香港服务器

浏览器中F5和Ctrl+F5的作用和区别是什么?

浏览器中的 F5 和刷新按钮一样,都是对当前页面进行刷新,只刷新本地缓存;Ctrl + F5 的行为也是刷新页面,但是会把浏览器中的临时文件夹的文件删除再重新从服务器下载。比如某网站更新了 style.css 文件,如果单纯按 F5 刷新,那么当前页面还是使用未修改的 style.css 文件内容,如果按 Ctrl + F5 就会重新从服务器下载 style.css 文件,并使用修改后的 style.css 文件。

F5和 Ctrl+F5 的区别测试

1、测试环境、工具及内容

  • 测试浏览器:Mozilla/5.0 (Windows NT 6.1; WOW64; rv:27.0) Gecko/20100101 Firefox/27.0
  • 抓包工具:Wireshark 1.10.6
  • 访问的网址:baidu.com

2、测试过程

2.1 第一次访问情况

浏览器中F5和Ctrl+F5的作用和区别是什么?-第1张-boke112百科(boke112.com)

2.2 按 F5刷新情况

浏览器中F5和Ctrl+F5的作用和区别是什么?-第2张-boke112百科(boke112.com)

可以看到,服务器返回的响应大多是304 Not Modified。说明此时服务器返回内容与浏览器本地缓存内容差别不大,大多 CSS 样式、JS 文件及 jpeg/png/gif 图片文件等都未作改变,也就无需再传输一遍。

2.3 按 Ctrl + F5 刷新情况

浏览器中F5和Ctrl+F5的作用和区别是什么?-第3张-boke112百科(boke112.com)

此时服务器响应类型都为 200 OK,说明服务器无视了浏览器是否有缓存而将 CSS\JS\JPEG\PNG 等文件都重新传输回来。

所以如果遇到访问某些网站出现错误或者其他不正常的现象,建议直接按 Ctrl+F5 刷新当前页面就会比按 F5 更加有用。

以上内容整理自@Vector_Yi

本文地址:https://boke112.com/post/5222.html

赞 (0) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu