移动端WeixinJSBridge---ios关闭当前网页不生效问题

问题:要做一个功能就是按返回键就关闭当前网页,直接写了一下代码:

function closeWindow() {
        try {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                if (typeof WeixinJSBridge == "undefined"){
                    if( document.addEventListener ){
                        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
                    }else if (document.attachEvent){
                        document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
                        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
                    }
                }else{
                    onBridgeReady();
                }
            } else if (ua.indexOf("alipay") != -1) {
                if (typeof AlipayJSBridge === "undefined") {
                    _attachEvent(document, 'AlipayJSBridgeReady', onAliBridgeReady)
                } else {
                    onAliBridgeReady();
                }
            }
        } catch (e) {
            console.log(e.message)
        }
    }

    function onBridgeReady() {
       WeixinJSBridge.invoke("closeWindow", {}, function (e) {})
    }

    function onAliBridgeReady() {
        AlipayJSBridge.call('closeWebview');
    }

刚开始测试的时候没问题的,但是后来反馈说android的可以返回关闭页面,但是iOS的有时可以关闭,有时不能关闭,然后百度了一下,发现大多数都是用 WeixinJSBridge.call("closeWindow");,但是用了后还是有这个问题,而且console报                WeixinJSBridge.call不可用了
后来使用了setTimeout做延迟调用这个关闭方法,发现都可以了,原因是微信需要初始化加载页面后才能使用WeixinJSBridge,所以ios调用closeWindow需要用setTimeout:

     setTimeout(function(){ WeixinJSBridge.invoke("closeWindow", {}, function (e) {})},100)

 

你可能感兴趣的:(js)