我們公司最近在做百度錢包的行動網頁支付的一款產品,產品使用場景是當用戶透過百度錢包掃描我們的產品的二維碼,
進入我們的產品中,然後用戶選擇商品並點擊購買,然後在我們系統後台產生訂單並提交資訊到百度錢包進行支付,當支付完
成後我們系統頁面會自動的關閉。這個功能在Android手機上面可以,但在iOS上面無法關機。
透過聯繫百度錢包的技術支持,原來在ios端需要先向document中添加runtimeready事件,當百度錢包的sdk js注入成功
後會觸發runtimeready事件,這樣才能執行相關的關閉窗口的動作。
下面是具體代碼:
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網頁無法自動關閉問題的內容,更多相關內容請關注PHPcn網絡(www.php.cn)!