这篇文章主要介绍了html页面自动清理js、css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家html源码,也给大家做个参考。对html感兴趣的小伙伴们一起跟随小编过来看看吧
在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:
1、手动清除浏览器缓存
2、添加版本号(如 layout.css?v=1)
个人认为方法2更快,因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦,所以需要想办法自动添加版本号,
立即学习“前端免费学习笔记(深入)”;
以下是本人收集的方法:
方法一:可以通过js自动给html添加版本号
document.write("");
方法二:若是jsp页面,可以使用java代码生成时间戳(若是jsp页面用方法一也行,但此方法更方便)
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=">
方法三:使用其他的方法添加版本号,如用node.js自动配置等
ps:我们清除缓存的目的是为了及时看到页面的更新情况,当我们将页面上线时(即部署到正式环境,不会再做更改),建议把版本号固定,因为有缓存的页面访问更快,需要更新的时候再更换下固定版本号。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
相关推荐:
html的span标签怎么使用
html的滚动条样式设置
html为什么有乱码以及解决方法
以上就是HTML页面自动清理js、css文件的缓存(自动添加版本号)_HTML/Xhtml_网页制作的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545484.html
微信扫一扫
支付宝扫一扫