谷歌浏览器调试前端功能时的三种刷新方式

问题描述

在谷歌浏览器开发前端功能时，刷新页面后修改的js、css等前端文件不生效，需要ctrl+shift+del清理缓存才可以，严重影响了调试、开发效率。

解决方法

谷歌浏览器有三种刷新方式：正常重新加载方式、硬性重新加载、清空缓存并硬性重新加载
在浏览器页面按下F12，然后右键地址栏左侧的刷新按钮即可查看得到，如下图所示

正常重新加载（Ctrl+R），使用缓存正常重新加载
硬性重新加载（Ctrl+Shift+R），浅层次的清空缓存并重新加载，缓存不一定全都清除
清空缓存并硬性重新加载，清空当前页面所有缓存（比如一些静态资源文件）并重新加载

一般硬性重新加载就可以使修改前端内容生效，若是不生效可以再试一下清空缓存并硬性重新加载方式，可以根据具体情况使用合适的加载方式。