刘连康：F5和Ctrl+F5刷新的区别在哪里？

我们现在所使用的电脑有很多种功能，当然也有很多我们所不知道的小技巧。比方说，有时候我们在查看网页时，觉得有点卡，通常都会敲一下键盘上的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文件，你也就可以马上看到修改后的网页样式效果了，不用去后台更新生成，也不用清理浏览器缓存。