Click the return button to close the current page and window in WeChat, Alipay, and Baidu Wallet-H5 Tutorial-php.cn

Click the return button to close the current page and window in WeChat, Alipay, and Baidu Wallet

黄舟

Release： 2017-03-28 13:58:52

Original

5360 people have browsed it

Recently, I am using WeChat, Alipay, and Baidu Wallet to implement web payment. If the payment is successful, the page will be automatically closed. If the payment fails, an error message will be displayed. When on the error page, click Return

or the Android physical button to go back, the page will be closed.

In WeChat, Alipay, and Baidu Wallet, they encapsulate page closing. The traditional window.close() is invalid, and their js code must be used to close it. The following are three ways to close mobile apps

WeixinJSBridge.call(&#39;closeWindow&#39;);//微信  
 AlipayJSBridge.call(&#39;closeWebview&#39;);  //支付宝  
 BLightApp.closeWindow();//百度钱包

Copy after login

Determine which browser it is by the browser header:

var ua = navigator.userAgent.toLowerCase();    
f(ua.match(/MicroMessenger/i)=="micromessenger") {    
      alert("微信客户端");  
} else if(ua.indexOf("alipay")!=-1){    
 alert("支付宝客户端");   
}else if(ua.indexOf("baidu")!=-1){    
 alert("百度客户端");   
}

Copy after login

For return, previous page, and back Monitor and put the current page address in the history:

$(function(){  
            pushHistory();  
            window.addEventListener("popstate", function(e) {  
                  
        }, false);  
            function pushHistory() {  
                var state = {  
                    title: "title",  
                    url: "#"  
                };  
                window.history.pushState(state, "title", "#");  
            }  
});

Copy after login

The complete code for the entire implementation:

$(function(){  
            pushHistory();  
            window.addEventListener("popstate", function(e) {  
                pushHistory();  
                var ua = navigator.userAgent.toLowerCase();    
                if(ua.match(/MicroMessenger/i)=="micromessenger") {    
                     WeixinJSBridge.call(&#39;closeWindow&#39;);  
                } else if(ua.indexOf("alipay")!=-1){    
                     AlipayJSBridge.call(&#39;closeWebview&#39;);    
                }else if(ua.indexOf("baidu")!=-1){    
                    BLightApp.closeWindow();  
                }  
                else{  
                    window.close();  
                }  
        }, false);  
            function pushHistory() {  
                var state = {  
                    title: "title",  
                    url: "#"  
                };  
                window.history.pushState(state, "title", "#");  
            }  
        });

Copy after login

The above is how to click the return button to close the current page and window in WeChat, Alipay, and Baidu Wallet For more related content, please pay attention to the PHP Chinese website (www.php.cn)!

Summary of several ways to close the current page (window) in js

Automatically after the specified time JS code to jump or close the current page

Open a new window and close the current page without popping up the closing prompt. JS code