微信，支付寶，百度錢包三種APP支付成功關閉瀏覽器
阿新 • • 發佈：2019-02-14
下面是三種移動app的關閉方式：
?| 1 2 3 |
WeixinJSBridge.call('closeWindow');//微信
AlipayJSBridge.call('closeWebview');
//支付寶
BLightApp.closeWindow();//百度錢包
|
通過瀏覽器的頭判斷是那種瀏覽器：
?| 1 2 3 4 5 6 7 8 |
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("百度客戶端");
}
|
對返回、上一頁、後退進行監聽，並對history中放入當前頁地址：
?| 1 2 3 4 5 6 7 8 9 10 11 12 |
$(function(){
pushHistory();
window.addEventListener("popstate", function(e) {
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state,
"title",
"#");
}
});
|
整個實現完整程式碼：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
$(function(){
pushHistory();
window.addEventListener("popstate",
function(e) {
pushHistory();
var
ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") {
WeixinJSBridge.call('closeWindow');
} else
if(ua.indexOf("alipay")!=-1){
AlipayJSBridge.call('closeWebview');
}else
if(ua.indexOf("baidu")!=-1){
BLightApp.closeWindow();
}
else{
window.close();
}
}, false);
function
pushHistory() {
var
state = {
title: "title",
url: "#"
};
window.history.pushState(state,
"title", "#");
}
});
|