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

前端 · guoman · 于 5个月前 发布 · 240 次阅读

页面引入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

本文由 guoman 创作,采用 知识共享署名 3.0 中国大陆许可协议 进行许可。 可自由转载、引用,但需署名作者且注明文章出处。

共收到 0 条回复
没有找到数据。
添加回复 (需要登录)
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册