下面小编就为大家带来一篇关于手机,pad开发,强制更新js,css文件,解决移动设备静态文件js, css不更新的方法。小编觉得挺不错的,现在就分享给大家,如果你在找,也可以做个交流。一起跟随小编过来看看吧。
手机,pad开发,强制更新js,css文件,解决移动设备静态文件js, css不更新的方法
作者:小程序分析员 发布时间:2018-04-24
做web开发时,
修改了一些静态文件,
比如 js, css,
想要看到效果,
都需要网页重新加载新文件。
但是由于web服务器或浏览器缓存的原因,
这些静态文件会缓存起来,
所以需要使用强制更新的方法。
强制刷新在PC电脑端,
很容易实现,
但是手机,pad等智能设备,
却不方便强制更新。
解决的思路就是,
开发时在 js, css文件后面,
自己添加一个随机数字。
例如:
<script src="/js/form.js?ver=12343"></script>
<link rel="stylesheet" href="https://www.qinziheng.com/css/style.css?ver=123445" type="text/css" />
具体实现根据你使用什么开发语言
php中
<?PHP
echo '<script src="/js/form.js?ver='.mt_rand(10000, 99999).'"></script>';
echo '<link rel="stylesheet" href="https://www.qinziheng.com/css/style.css?ver='.mt_rand(10000, 99999).'" type="text/css" />';
js中
<script>
document.write(Math.random())
document.write('<script src="/js/form.js?ver=' + Math.ceil(Math.random() * 100000) + '"></script>')
document.write('<link rel="stylesheet" href="https://www.qinziheng.com/css/style.css?ver=' + Math.ceil(Math.random() * 100000) + '" type="text/css" />')
</script>
声明:部分文章或图片未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:2334512685,我们会及时删除。
发布:秦子恒博客,欢迎转载分享,请保留出处。
手机,pad开发,强制更新js,css文件,解决移动设备静态文件js, css不更新的方法链接:https://www.qinziheng.com/details/6166/
本文关键词:
手机,pad开发,强制更新js,css文件,解决移动设备静态文件js, css不更新的方法相关文章