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

以Chrome浏览器为例,国产浏览器未做全面测试。前端开发静态文件时,浏览器访问会缓存样式、图片、js等,怎么快速更新缓存。

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

一、强制刷新

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

二、F12键打开开发者工具,方案1

只刷新某一页面缓存

1.f12打开开发者工具或者右键》检查

2.在左上角刷新图标上右键,在弹出的3个选项中点击"清空缓存并硬性重新加载"

三、F12键打开开发者工具,方案2

1.点击network(网络)

2.选中Disable cache(停用缓存)

四、同时按ctrl+h调出浏览器历史记录或快捷键Shift+Ctrl+Del

找到网址数据,清除数据或清除过去一小时的数据

总结:善用工具,适合自己的方式方法,解决工作中的问题。有比较好的创意欢迎留言沟通讨论!