0
点赞
收藏
分享

微信扫一扫

清除浏览器缓存和版本控制——js,css添加时间戳

认真的老去 2022-01-11 阅读 16

页面引入js和css文件时,在最后加上时间戳

1.手动添加时间戳

<link rel="stylesheet" href="../css/news.css?v=202201060936">
<script src="../js/wechat.js?v=202201060936"></script>

为了强制更新文件,取消浏览器缓存,防止代码修改和页面效果不同步

2.动态添加时间戳

<link rel="stylesheet" href="~/XXX.css?time='+new Date().getTime()+'">
<script src="~/XXX.js?time='+new Date().getTime()+'"></script>

但是以上使用时间戳,每次请求都会更新文件,用户体验不佳
更好的方式是使用hash,webpack对js和css进行编译生成,文件名-[hash].js

举报

相关推荐

0 条评论