以前在用chrome浏览器调试的时候无意间右击了刷新按钮,结果出现了一个菜单:
有这么三个选项,第一个选项自然就是直接刷新,那么另外两个选项有什么作用呢?
-
硬性重新加载:等同于直接按
SHIFT
+F5
,或者在devtools的network面板中勾选Disable cache
并刷新(devtools面板开启状态)。这种情况下当遇到需要加载的资源时,不会使用缓存的资源,而是重新发起请求。 -
清空缓存并硬性重新加载:顾名思义,将该页面的缓存清空并进行硬性重新加载,有人可能会问,既然是硬性重新加载,清不清缓存好像没有意义。其实不然,页面加载后,还可能通过JS加载内容,只是普通的硬性重新加载的话这部分的内容仍然是从缓存中加载的,清空缓存则可以保证页面内容是完全重新加载的。