刘连康:F5和Ctrl+F5刷新的区别在哪里?

刘连康 2019年11月28日15:00:14网络随笔评论2,21631132字阅读3分46秒阅读模式

我们现在所使用的电脑有很多种功能,当然也有很多我们所不知道的小技巧。比方说,有时候我们在查看网页时,觉得有点卡,通常都会敲一下键盘上的F5进行刷新。

 

但是你们知道么?

 

其实Ctrl+F5也是可以刷新网页的,而且比F5还要高级一些。今天,康哥就可以大家分享一下F5和Ctrl+F5刷新的区别在哪里。

 

它们的区别也不是很多,主要就表现在以下三个方面:

 

  1、服务端返回不同

 

如果我们敲一下键盘上的F5,刷新服务端就会返回状态码304 Not Modified。

 

304状态码的意思就是说,如果客户端发送了一个带条件的GET请求,且该请求已经被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,那么服务器应当返回这个304状态码。

 

而当我们在键盘上敲一下Ctrl+F5时,刷新返回HTTP状态码是200(200状态码指的是服务器成功处理了请求,也就是正常的意思),原因是Ctrl+F5在发出请求时,会在请求消息头中加入Cache-Control:no-cache,Pragma:no-cache参数。

 

  2、刷新原理不同

 

F5触发的HTTP请求的请求头中通常包含了If-Modified-Since或If-None-Match字段,或者两者兼有。

 

Ctrl+F5触发的HTTP请求的请求头中没有上面的那两个头,却有Pragma: no-cache或Cache-Control: no-cache字段,或者两者兼有。

 

  3、刷新结果不同

 

F5刷新按钮只对当前页面进行刷新而已,也就是只能够刷新你这台电脑的本地缓存。

 

而我们这个Ctrl+F5的行为就高级一点了,虽然也是刷新页面,但是会把浏览器中的临时文件夹的文件删除再重新从服务器下载。

 

比方说,我们在做SEO优化时,如果我们的网站加入了CDN(能让网站打开速度快一些),那么肯定就会有一些缓存。当我们在网站后台更新文章之后,就会发现前台怎么样都不显示刚才更新的那篇文章,或者是要等好久才会显示。

 

这时候呢,我们就可以在前台网页敲一下键盘上的Ctrl+F5,快的话马上就可以看得到刚才更新的文章了,慢一点也就3分钟左右而已。

 

还有一个情况,我们也可以使用Ctrl+F5。也就是我们网站更新了style.css 文件,如果单纯按F5 刷新,那么当前页面还是使用未修改的style.css文件内容。

 

而如果我们敲一下Ctrl+F5就会重新从服务器下载style.css文件,并使用修改后的style.css文件,你也就可以马上看到修改后的网页样式效果了,不用去后台更新生成,也不用清理浏览器缓存。

 

本文为原创文章,版权归作者所有,未经授权,禁止抄袭!

欢迎转载,转载请注明作者和出处,谢谢!

作者:刘连康

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
刘连康
  • 本文由 发表于 2019年11月28日15:00:14
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定