自动关闭微信浏览器中打开的h5页面

最新推荐文章于 2025-03-24 16:50:03 发布

我爱画页面

最新推荐文章于 2025-03-24 16:50:03 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/qdm13209211861/article/details/119646639

版权

当H5页面调用微信的添加好友功能后，返回时可能会出现空白页。解决方法是在调用后关闭当前H5页面，可以使用WeixinJSBridge的closeWindow方法。对于安卓系统，可能需要添加定时器确保关闭操作执行。提供的代码示例展示了如何在不同系统环境下执行关闭操作。

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

问题：

在h5中需要调起微信的添加好友页面，但是调起微信的添加好友页面后，如果再从添加好友页面返回，则返回的页面为一个空白页，此时的空白页就是调起微信的h5页。

解决办法：

需要在调起微信的页面后关闭当前的h5

实现代码：

function weixinClosePage() {
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', weixin_ClosePage, false);
        } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', weixin_ClosePage);
            document.attachEvent('onWeixinJSBridgeReady', weixin_ClosePage);
        }
    } else {
        weixin_ClosePage();
    }
}
function weixin_ClosePage() {
    WeixinJSBridge.call('closeWindow');
}

看到有人说安卓系统可能不管用，我的目前是好的，解决办法是添加一个定时器，方法类似如下：

setTimeout(function() {
  //这个可以关闭安卓系统的手机
   document.addEventListener(
      "WeixinJSBridgeReady",
      function() {
         WeixinJSBridge.call("closeWindow");
      },
     false
   );
    //这个可以关闭ios系统的手机
   WeixinJSBridge.call("closeWindow");
}, 300);