在JQ移动端实现返回刷新,并且解决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()
        }
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值