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

页面引入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 中国大陆许可协议 进行许可。 可自由转载、引用，但需署名作者且注明文章出处。