js、css、img等浏览器缓存问题的2种解决方案

2019-12-24,,

细节决定成败!浏览器缓存的意义在于提高了执行效率,但是也随之而来带来了一些问题,导致服务端修改了js、css,客户端不能更新
方法一 生成随机数字
复制代码 代码如下:
<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>

缺点,浏览器缓存失去意义,每次都动态加载。

方法二 版本号控制,设置全局变量,每次发布前版本号加1
复制代码 代码如下:
<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></script>

推荐这种做法,这种做法比较简单。缺点是HTML页面不能使用,但是这种页面应该不太多

更多方法:采用读取文件大小、文件修改时间生成MD5的方式自动化实现,程序自动构建时压缩合并js并且全局替换版本,方式复杂,有兴趣的可以研究一下

谁还有更好的方法?

您可能感兴趣的文章:

  • JS localStorage实现本地缓存的方法
  • 让html页面不缓存js的实现方法
  • JS清除IE浏览器缓存的方法
  • 高性能WEB开发 JS、CSS的合并、压缩、缓存管理
  • 禁止js文件缓存的代码
  • js 设置缓存及获取设置的缓存
  • JSP页面缓存cache技术--浏览器缓存介绍及实现方法
  • Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
  • 详解AngularJS中$http缓存以及处理多个$http请求的方法
  • JS实现前端缓存的方法

《js、css、img等浏览器缓存问题的2种解决方案.doc》

下载本文的Word格式文档,以方便收藏与打印。