我是靠谱客的博主 羞涩雪碧,最近开发中收集的这篇文章主要介绍在JQ移动端实现返回刷新,并且解决IOS无法刷新问题1.JQ移动端实现返回刷新功能2.解决IOS无法刷新问题,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
1.JQ移动端实现返回刷新功能
如果想要在B页面返回到A页面时,A页面自动刷新,需要使用到sessionStorage临时存储,首先需要在B页面上设置一个是否需要A页面刷新的变量,存储到sessionStorage上:
//这里是设置了一个名为param的临时存储
//当值为1的时候,A页面需要刷新
window.sessionStorage['param'] = '1'
当B页面中临时存储的值为1时,则代表A页面需要刷新。
A页面需要在js中自动判断param临时存储里面的值是否为1,如果为1则刷新页面,页面刷新后记得把param临时存储的值设为其他值,不然会重复刷新。
//当值为1时,页面刷新,并且改变值。
if(window.sessionStorage['param'] == '1'){
window.sessionStorage['param'] = '0'
window.location.reload();
}
2.解决IOS无法刷新问题
此时的页面刷新在安卓的微信浏览器是可以正常运行的,但是在IOS中的微信浏览器并不会自动刷新,估计是系统设置了页面的缓存,解决方法如下:
//首先判断当前设备的机型
var u = navigator.userAgent;
isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);
//当机型为IOS设备时
if(isiOS){
//IOS会自动触发这个方法
window.onpageshow = function(event){
if (event.persisted) {
//这里写入自动刷新的判断逻辑
if(window.sessionStorage['param'] == '1'){
window.sessionStorage['param'] = '0'
window.location.reload();
}
}
}
}else {
//此为安卓的触发
if(window.sessionStorage['param'] == '1'){
window.sessionStorage['param'] = '0'
location.reload()
}
}
最后
以上就是羞涩雪碧为你收集整理的在JQ移动端实现返回刷新,并且解决IOS无法刷新问题1.JQ移动端实现返回刷新功能2.解决IOS无法刷新问题的全部内容,希望文章能够帮你解决在JQ移动端实现返回刷新,并且解决IOS无法刷新问题1.JQ移动端实现返回刷新功能2.解决IOS无法刷新问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复