转:项目js文件修改后chrome不能及时更新的解决办法

本文详细介绍了解决Chrome浏览器JS缓存问题的多种方法,包括清除缓存、禁用缓存、强制刷新及代码层面的版本号更新策略,帮助开发者在调试过程中避免缓存带来的困扰。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

版权声明:本文为博主原创文章,转载请声明原文来源,谢谢。    https://blog.youkuaiyun.com/solidsunshine/article/details/79225819
在做web开发过程中,经常需要调试js代码,而在这个时候我们修改过的代码可能不能生效。这是因为浏览器默认是有缓存的,但是这个时候缓存就会影响我们的调试工作,在这里就介绍一下chrome浏览器解决该问题的方法。

方法一:调试前清除浏览器缓存
在浏览器设置界面中

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

二、设置浏览器不缓存页面
在调试页面中勾选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’ />

附:示例chrome版本


--------------------- 
作者:小丶冬瓜 
来源:优快云 
原文:https://blog.youkuaiyun.com/solidsunshine/article/details/79225819 
版权声明:本文为博主原创文章,转载请附上博文链接!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值