20190814 - 浏览器缓存与前端开发

浏览器有多少种刷新方式?

在前端开发的时候,有时候修改完代码,但是在浏览器中刷新却看不到效果,这种情况可能是因为浏览器使用了之前的缓存,这个时候需要让浏览器强制刷新,不使用缓存。

不同的浏览器刷新的方式也不尽相同,以下记录一下常用浏览器中的操作。

Chrome

Chrome-refresh-types

在 Chrome 中打开 DevTools 的情况下,右键单击地址栏旁边的刷新按钮,会出现一个列表,其中列出了 Chrome 支持的三种刷新方式。

快捷键操作对应于:

Chrome-refresh-types

参考资料

  1. Google Chrome: hard reload vs. normal reload - gHacks Tech News
  2. Chrome keyboard shortcuts - Google Chrome Help
  3. What requests do browsers’ “F5” and “Ctrl + F5” refreshes generate?
  4. F5和CTRL+F5的区别 - 紫云飞 - 博客园