HTML页面自动清理js、css文件的缓存(自动添加版本号)
时间:2018/5/9 21:33:54阅读:54
在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:1、手动清除浏览器缓存2、添加版本号(如 layout.css?v=1)个人认为方法2更快,因为清除浏…
在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>
下一篇:canvas线条的属性详解