百度钱包ios移动端html5网页无法自动关闭问题

我们公司最近在做百度钱包的移动网页支付的一款产品,产品使用场景是当用户通过百度钱包扫描我们的产品的二维码,

进入我们的产品中,然后用户选择商品并点击购买,然后在我们系统后台生成订单并提交信息到百度钱包进行支付,当支付完

成后我们系统页面会自动的关闭。这个功能在Android手机上面可以,但是在iOS上面无法关闭。

通过联系百度钱包的技术支持,原来在ios端需要先向document中添加runtimeready事件,当百度钱包的sdk js注入成功

后会触发runtimeready事件,这样才能执行相关的关闭窗口的动作。

立即学习“前端免费学习笔记(深入)”;

下面是具体代码:

  1. var ua = navigator.userAgent.toLowerCase();       //判断是否为ios设备,其他设备直接调用 BLightApp.closeWindow()关闭      if(ua.indexOf("apple")!=-1||ua.indexOf("mac")!=-1||ua.indexOf("iphone")!=-1)          {              var event = document.createEvent('Events');                  event.initEvent('runtimeready', false,false);                  document.dispatchEvent(event);                  document.addEventListener("runtimeready", function(e) {                       BLightApp.closeWindow();                  }, false);          }else{               BLightApp.closeWindow();          }

登录后复制

以上就是 百度钱包ios移动端html5网页无法自动关闭问题的内容,更多相关内容请关注PHP中文网(www.php.cn)!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    android支付宝客户端html5网页偶尔无法自动关闭问题

    2025-4-1 8:25:01

    编程技术

    手机端H5 header定义样式

    2025-4-1 8:25:07

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索