参考:Chrome浏览器中的三种刷新模式、硬性重新加载与清空缓存并硬性重新加载、状态码304介绍
chrome存在三种刷新方式,可以通过打开浏览器开发者模式:ctrl + shift + I
打开后右击左上角刷新按钮打开.
三种刷新方式分别是: Normal Reload ,Hard Reload,Empty Cache and Hard Reload。他们的主要区别在于是否加载浏览器的缓存内容。(建议参考:状态码304介绍)。
- Normal Reload (
Ctrl + R / F5
): 正常刷新,使用缓存数据。 - Hard Reload (
Ctrl + Shift + R
/Shift + F5
):强制浏览器重新下载并加载内容。 - Empty Cache and Hard Reload:完全清除页面的缓存并重新下载所有内容。
第二种方式与第三种方式的区别:如果使用第二种方式刷新网页,虽然浏览器会强制的重新下载页面资源,但其可控的资源只是刷新后首次显示的界面资源,对于一些触发后由js
控制的动态页面,无法强制重新下载,触发js
事件后可能还是会从缓存中读取数据填充页面,因为此时已经脱离hard reload
的作用范围。而Empty Cache and Hard Reload
则直接清空缓存,其中就包括了js
可能用到的资源,这种方法进行的更加彻底,可以做到完全不从缓存中读取数据 (ps:缓存被清空了,怎么读取哦)
浏览器缓存的内容分类参考:浏览器端的九大缓存