HTML页面自动清理js、css文件的缓存（自动添加版本号）

ryf1016 · 发表于 2024-4-20 10:30:16

在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：
1、手动清除浏览器缓存
2、添加版本号（如 layout.css?v=1）
个人认为方法2更快，因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦，所以需要想办法自动添加版本号，
以下是本人收集的方法：
方法一：可以通过js自动给html添加版本号

<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");
</script>

复制代码

方法二：若是jsp页面，可以使用java代码生成时间戳（若是jsp页面用方法一也行，但此方法更方便）

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

复制代码

方法三：使用其他的方法添加版本号，如用node.js自动配置等
ps：我们清除缓存的目的是为了及时看到页面的更新情况，当我们将页面上线时（即部署到正式环境，不会再做更改），建议把版本号固定，因为有缓存的页面访问更快，需要更新的时候再更换下固定版本号。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

德德锅08 · 发表于 2024-5-4 14:03:48

非常感谢你的观点，让我受益良多！

BlowA[哇] · 发表于 2024-5-7 10:09:14

谢谢你的提醒，我会注意的。

chanel · 发表于 2024-6-2 20:36:38

666666666666666666

466892478 · 发表于 2024-6-3 10:50:13

同意！

剑客说火影 · 发表于 2024-6-7 10:57:38

同意！

陈永鑫射手 · 发表于 2024-6-18 15:00:08

我完全同意你的观点

梦境12125 · 发表于 2024-7-25 16:39:15

能给个链接吗？我想深入了解一下。

无视危险 · 发表于 2024-8-30 20:48:59

谢谢你的提醒，我会注意的。

鲨鱼小笨笨_ · 发表于 2024-9-28 12:50:41

这个话题很有趣，我想多了解一些

		自动登录	找回密码
密码			立即注册

HTML页面自动清理js、css文件的缓存（自动添加版本号）

热心会员

付费会员