前端技巧:禁止浏览器static files缓存篇
2015-12-30 17:07
330 查看
由于CSS/JS文件经常需要改动,前端调试时是不希望浏览器缓存这些文件的。
原理就是利用文件的md5,文件内容变化了,在文件名后面自动添加md5值。可以写个脚本,或者利用现成的工具!如gulp-rev。
文章转自:http://www.ttwshell.com/article/HTML5-CSS-JS-Tips-Disable-Cache.html
Meta法
目前在chrome调试还没有遇到问题,好用!此方法假设浏览器是个好人!很听我们的话!<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0">
随机数法 Cache Buster
随机数法本身相当于渲染模板时添加版本号,在某些版本的浏览器,此法无效。此方法假设浏览器是个小坏蛋!他有可能调皮,不听我们的话!<script> var js = document.createElement("script"); js.src = "test.js?random" + Math.random(); document.body.appendChild(js); </script>
Static asset revisioning
以上两个在chrome调试是没有问题的,但是微信浏览器,这些都可能无效。也就是说浏览器变身彻头彻尾的大流氓,它就是和你唱反调!这时候你需要修改文件名!也可以说这才是利器!原理就是利用文件的md5,文件内容变化了,在文件名后面自动添加md5值。可以写个脚本,或者利用现成的工具!如gulp-rev。
文章转自:http://www.ttwshell.com/article/HTML5-CSS-JS-Tips-Disable-Cache.html
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数
- Android的TextView与Html相结合的具体方法