项目js文件修改后浏览器不能及时更新的解决办法

  • Post author:
  • Post category:其他


在做web开发过程中,经常需要调试js代码,而在这个时候我们修改过的代码可能不能生效。这是因为浏览器默认是有缓存的,但是这个时候缓存就会影响我们的调试工作,在这里就介绍一下chrome浏览器解决该问题的方法。



方法一:调试前清除浏览器缓存

在浏览器设置界面中勾选“清除浏览记录”,以下是谷歌浏览器的清除步骤:

在这里插入图片描述

在这里插入图片描述

或使用快捷键直接清理缓存 ctrl+shift+delete



二、设置浏览器不缓存页面

在调试页面中 Network 下勾选

Disable cache


在这里插入图片描述



三、强制刷新页面

在浏览器里面使用

ctrl+shift+R

强制刷新,不使用浏览器缓存来刷新页面



四、从代码角度解决缓存问题

浏览器会缓存css或js文件,通过

设置和改变版本号

,浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下

css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= ) 

<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script> 
<link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />

原文地址:

https://blog.csdn.net/solidsunshine/article/details/79225819