chrome中的三种重新加载（刷新）功能的区别

以前在用chrome浏览器调试的时候无意间右击了刷新按钮，结果出现了一个菜单：

有这么三个选项，第一个选项自然就是直接刷新，那么另外两个选项有什么作用呢？

硬性重新加载：等同于直接按SHIFT+F5，或者在devtools的network面板中勾选Disable cache并刷新（devtools面板开启状态）。这种情况下当遇到需要加载的资源时，不会使用缓存的资源，而是重新发起请求。

清空缓存并硬性重新加载：顾名思义，将该页面的缓存清空并进行硬性重新加载，有人可能会问，既然是硬性重新加载，清不清缓存好像没有意义。其实不然，页面加载后，还可能通过JS加载内容，只是普通的硬性重新加载的话这部分的内容仍然是从缓存中加载的，清空缓存则可以保证页面内容是完全重新加载的。
————————————————
版权声明：本文为CSDN博主「DPJune」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/dpj514/article/details/86727389

 

 

 

从 http 协议的角度来看
F5 和 Ctrl+R 都是普通刷新，若页面之前访问过，就会发一个空请求到服务器，服务器返回 302 ，表示资源未更新，可以使用浏览器缓存。
强制刷新 (ctrl+F5) 则不管浏览器是否缓存，都要重新去源站服务器请求资源，成功则返回 200。可以使用 chrome 开发工具查看具体过程，大概是这样一个流程，实际讲起来更复杂。
————————————————
版权声明：本文为CSDN博主「tianming-tom」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_37836194/article/details/77862590