h5页面中android与ios返回上一级并强制刷新的方式

最新推荐文章于 2021-09-17 14:04:54 发布

！！！！！

最新推荐文章于 2021-09-17 14:04:54 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：移动端

本文链接：https://blog.youkuaiyun.com/weixin_42331327/article/details/82589457

移动端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在H5页面中处理Android和iOS设备返回上一级时强制刷新页面的问题，涉及到不同的设备适配策略和技术实现，包括利用window.location、history对象的方法以及监听硬件返回键等技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* 进行android与ios的判断*/
    var u = navigator.userAgent, app = navigator.appVersion;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if(isAndroid){ //android
        window.addEventListener('pageshow', function(event) {
            if(event.persisted) location.reload();  
        });
    }else if(isiOS){ // ios
        var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;
        if (browserRule.test(navigator.userAgent)) {
            window.onpageshow = function(event) {
                if (event.persisted) {
                    window.location.reload()
                }
            }
        }
    }