如何禁止chrome浏览器的缓冲图片以及css等资源文件

时间:2024-03-07 12:29:43

做为前端的我,经常会遇到浏览器缓冲的问题,比如我改一个图片内容,但是文件名称没有换,这时如果F5刷新页面后,并不能看到我预期的效果。

为了看到效果,我之前的时候有如下的办法:

方法1:清理浏览器缓冲。(ctrl+shift+del)调出chrome的清理缓冲的弹框,整体清理一遍后F5刷新页面。ok,看到我需要的效果了。

方法2:直接将地址栏地址复制下来,换个浏览器进行预览。

方法3:ctrl+shift+n 弹一个新的隐身窗口,然后将代码地址粘进去,回车预览。

===============================

由于上面的方法太繁琐,于是我看有么有其他更方便的办法。度娘了一下,找到如下方法

meta

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> 
<META HTTP-EQUIV="Expires" CONTENT="0">

这个方法正如知乎一个朋友说的,只能防君子,防不了小人。

于是我找到以下方法:

方法1:直接ctrl+F5,进行强制刷新页面,浏览器会重新加载所有资源。(这个方法可以给客户或者测试用)

方法2:将chrome的缓冲功能关闭。具体方法看下面的截图。(这个设置为自己的电脑配置)

1> F12打开控制台,点击“毛毛虫”的三个点,弹出“settings”对话框

2> “ferferences” 栏找到NEtwork  ---  disabled Cache 打个勾 

注意:这个功能是在打开控制台的时候起作用。