解决方案1:
调试阶段或者频繁更新的页面加入以下头信息:
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
解决方案2:
更新文件的时候,在引用css,js等文件的语句上加上一个版本号,就能有效防止浏览器一直使用缓存中的css,js
<link href="css/demo.css?v=201606131149" rel="stylesheet">
解决方案3:
防止页面被缓存的方法,在URL后面添加随机参数,这样每次访问的都是不同的连接
window.location='xxx.html?_r='+Math.random();
终极方案:
页面动态引入js文件:
//防止js文件缓存。
var now = new Date();
var number = now.getYear().toString() + now.getMonth().toString() + now.getDate().toString() + now.getHours().toString() + now.getMinutes().toString() + now.getSeconds().toString();
document.write('<scr' + 'ipt type="text/javascript" src="internal-scripts/js/BUdas-public.js?v='+number+'"></scr' + 'ipt>');
document.write('<scr' + 'ipt type="text/javascript" src="internal-scripts/js/BUdas-request.js?v='+number+'"></scr' + 'ipt>');
document.write('<scr' + 'ipt type="text/javascript" src="internal-scripts/js/BUdas-chart.js?v='+number+'"></scr' + 'ipt>');
document.write('<scr' + 'ipt type="text/javascript" src="internal-scripts/js/BUdas-report.js?v='+number+'"></scr' + 'ipt>');
更多文章请扫描关注公众号: