js、css、img等浏览器缓存问题的2种解决方案
2023-06-13 09:15:06 时间
细节决定成败!浏览器缓存的意义在于提高了执行效率,但是也随之而来带来了一些问题,导致服务端修改了js、css,客户端不能更新
方法一生成随机数字
复制代码代码如下:
方法一生成随机数字
<scripttype=”text/javascript“src=”/js/test.js?+Math.random()“></script>
缺点,浏览器缓存失去意义,每次都动态加载。
方法二版本号控制,设置全局变量,每次发布前版本号加1
<scripttype=”text/javascript“src=”/js/test.js?v=<%=v%>“></script>
推荐这种做法,这种做法比较简单。缺点是HTML页面不能使用,但是这种页面应该不太多
更多方法:采用读取文件大小、文件修改时间生成MD5的方式自动化实现,程序自动构建时压缩合并js并且全局替换版本,方式复杂,有兴趣的可以研究一下
谁还有更好的方法?
相关文章
- node.js异步请求大坑
- JS中三种动态创建元素方式的区别
- 检测浏览器是否打开开发者调试模式并禁用开发者调试JS代码
- 使用 DevTools 加速调试 Node.js 应用程序
- 14 个拷贝数组的 JS 技巧
- 【JS 逆向百例】猿人学系列 web 比赛第五题:js 混淆 - 乱码增强,详细剖析
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- JS JAVA 判断是否微信浏览器详解编程语言
- 浏览器sources里修改js代码详解编程语言
- JS实现无刷新图片预览
- 库实现js连接oracle数据库的新方法(js连接oracle数据)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- 判断浏览器的js代码
- 分享我学习js的过程作者aircyjavascript学习教程
- 用js判断用户浏览器是否是XPSP2的IE6
- 犀利的js函数集合
- 仿打字特效的JS逐字出现的信息文字
- 让多个输入框中的内容同时变化的js代码
- 远离JS灾难css灾难之js私有函数和css选择器作为容器
- js中关于undefined和null的区别介绍
- Js代码中,ajax请求地址后加随机数防止浏览器缓存的原因
- IE、FF、Chrome浏览器中的JS差异介绍
- 向左滚动文字js代码效果
- JS禁用浏览器退格键实现思路及代码
- 兼容主流浏览器的iframe自适应高度js脚本
- js与jQuery实现的兼容多浏览器Ajax请求实例