我是靠谱客的博主 羞涩雪碧,最近开发中收集的这篇文章主要介绍在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无法刷新问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(90)

评论列表共有 0 条评论

立即
投稿
返回
顶部