如何解决HTML5页面js,css缓存问题
来源:互联网 发布:登陆淘宝号 编辑:程序博客网 时间:2024/05/12 21:31
我们开发web项目的时候,如果更新了某个css文件,部署到服务器,发现在浏览器访问的时候,并没有什么变化,这是因为浏览器缓存了之前的旧的css文件。如果过一段时间之后再访问,就会发现页面有了变化,这说明浏览器更新了最新的css文件。
那么怎么才能使我们修改的css或js文件立马生效呢?
如果每次都强制更新最新的文件,这样做从效率上来讲又不是很好。我们还是希望有缓存的,只是当我们修改了文件之后,才立马把这个缓存更新掉。
下面介绍一种最简单的方法:
就是在引用的js或css文件后面加版本号v=xxx。
比如原来代码是下面这样:
<link href="css/mycss.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="js/myjs.js"></script>我们可以改成下面这样:
<link href="css/mycss.css?v=100" rel="stylesheet" type="text/css"><script type="text/javascript" src="js/myjs.js?v=100"></script>后面新加的?v=100就是相当于一个版本号。如果该版本号没有变化,浏览器就不会更新缓存。如果我们需要修改css文件,就可以把版本号改成v=101,当我们再次访问页面的时候,浏览器发现版本号变了,就会拿最新的css文件,即更新缓存,这样就达到我们的目的了。
是不是很简单?如果解决了您的问题,那就没白写~
分享技术,分享快乐!欢迎打赏~
1 0
- 如何解决HTML5页面js,css缓存问题
- gulp.js解决css,js缓存问题
- html5如何及时更新缓存文件(js、css或图片)
- js解决页面缓存
- js+ant版本控制,解决js、css缓存问题
- 如何解决Avtion或者Handle转发后的页面css和js失效问题
- css,js缓存问题
- css、js缓存问题
- [Filter过滤器]解决缓存网站图片,css,js等问题
- 解决缓存引发的CSS/JS/IMG问题
- 解决修改css或js文件,浏览器缓存更新问题。
- jsp中使用随机数解决js、css缓存问题
- ASP.net解决CSS与JS的缓存问题
- 解决修改css或js文件,浏览器缓存更新问题。
- 手机端如何真正的解决页面缓存问题
- JS 如何清除页面缓存
- 解决Ajax页面缓存问题
- JSP页面缓存JS问题
- 备忘录模式(17)
- NOIp2012开车旅行
- SLAM学习
- android 网络篇简单介绍
- Spring简介
- 如何解决HTML5页面js,css缓存问题
- android 多媒体——音乐播放器
- 洛谷 1051——谁拿了最多奖学金(排序Ex)
- 关于淘宝镜像cnpm的一些解决问题
- 寒假篇18
- Web前端技术 自学or老师授课更靠谱
- Codeforcess 535C Tavas and Karafs【二分+思维】
- HTTPS站点搭建教程:Win7/Windows Server 2008R2
- pat a1011