公众号网页开发，跳转到第三方平台后，如何监听返回的问题

最新推荐文章于 2024-06-22 16:29:28 发布

qq345oo

最新推荐文章于 2024-06-22 16:29:28 发布

阅读量275

点赞数 1

文章标签： html5

本文链接：https://blog.csdn.net/qq345oo/article/details/136347673

版权

本文介绍了一段JavaScript代码，用于在Android和iOS设备上处理第三方返回时页面的刷新问题，通过监听`onpageshow`事件并在特定条件下触发页面重载，以便在返回后可以发起请求或执行其他操作。

摘要由CSDN通过智能技术生成

1. 如果是android手机，返回后会刷新页面

2,。如果是ios手机，返回后不会刷新页面，使用下面的代码，让ios手机返回的时候也能刷新页面

//解决ios下返回页面，页面不刷新问题;苹果设置才会执行监听onpageshow
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) {
    alert("安卓手机");
}
if (isiOS) {
    alert("苹果手机");
    window.onpageshow = function (e) {
        alert("我执行了onpageshow")
        if (e.persisted || (window.performance && window.performance.navigation.type == 2)) {
            window.location.reload()
        }
    }
}

3. 这样android和ios从第三方返回的时候页面都会刷新了，在这个刷新的时机，就可以发起请求或者做一些处理了。