Chrome浏览器前端开发调试时强制更新js、css静态资源文件缓存的方法

前端开发静态文件时，浏览器访问会缓存样式、图片、js等，怎么快速更新缓存呢？

以下方法特别适合只想清除某个网页的缓存，而不想清除全部浏览器缓存可以采用以下方法。

强制刷新

同时按住ctrl+f5或ctrl+shift+r（Mac）进行访问页面强制刷新，一般可以解决95%以上的缓存问题。

F12键打开开发者工具

只刷新某一页面缓存

1. F12打开开发者工具或者右键》检查
2. 在左上角刷新图标上右键，在弹出的3个选项中点击“清空缓存并硬性重新加载”

如下图：

通过开发者工具关闭缓存

1. 点击network(网络)
2. 选中Disable cache（停用缓存）

如下图：

浏览器历史记录清理缓存

通过选择“删除浏览数据”，清理图片和文件的缓存。

点击“删除浏览数据”