如何解决HTML5页面js,css缓存问题
2017-02-11 16:21
549 查看
我们开发web项目的时候,如果更新了某个css文件,部署到服务器,发现在浏览器访问的时候,并没有什么变化,这是因为浏览器缓存了之前的旧的css文件。如果过一段时间之后再访问,就会发现页面有了变化,这说明浏览器更新了最新的css文件。
那么怎么才能使我们修改的css或js文件立马生效呢?
如果每次都强制更新最新的文件,这样做从效率上来讲又不是很好。我们还是希望有缓存的,只是当我们修改了文件之后,才立马把这个缓存更新掉。
下面介绍一种最简单的方法:
就是在引用的js或css文件后面加版本号v=xxx。
比如原来代码是下面这样:
是不是很简单?如果解决了您的问题,那就没白写~
分享技术,分享快乐!欢迎打赏~
那么怎么才能使我们修改的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文件,即更新缓存,这样就达到我们的目的了。
是不是很简单?如果解决了您的问题,那就没白写~
分享技术,分享快乐!欢迎打赏~
相关文章推荐
- 如何解决网站页面CSS、JS脚本在浏览器的缓存问题
- 如何解决Avtion或者Handle转发后的页面css和js失效问题
- 页面防止js,css等缓存问题解决办法
- 页面缓存js问题解决
- 如何解决css和js的{}与smarty定界符冲突的问题
- java web项目发版js或css缓存问题解决方案
- 解决js中window.open弹出的是上次的缓存页面问题
- 网页缓存Js,css以及图片导致页面刷新无效果的三种解决办法
- [Filter过滤器]解决缓存网站图片,css,js等问题
- 解决WEB对js、css缓存问题的一种可行方案
- web网站css,js更新后客户浏览器缓存问题,需要刷新才能正常展示的解决办法
- html5如何及时更新缓存文件(js、css或图片)
- 页面缓存js问题解决
- action跳转页面css和js失效问题解决
- web网站css,js更新后客户浏览器缓存问题,需要刷新才能正常展示的解决办法
- Gulp解决发布线上文件(CSS和JS)缓存问题
- 基于md5的解决js,css缓存问题for django
- jsp:跳转后页面css和js失效问题解决
- 解决缓存引发的CSS/JS/IMG问题
- 手机端如何真正的解决页面缓存问题