In micro-letter, Alipay, Baidu Wallet Realization Click the return button to close the current page and window method _ basics

Recently in the use of micro-letter, Alipay, Baidu Wallet to achieve Web page payment, successful payment will automatically close the page, for payment failure, will display an error message. When on the wrong page, click Back or the Android physical key to the previous step to close the page.

In the micro-letter, Alipay, Baidu Wallet, they closed the page to encapsulate, the traditional window.close () is invalid, you must use their JS code to close.

Here are three ways to turn off mobile apps:

Weixinjsbridge.call (' CloseWindow ');//micro-letter 
alipayjsbridge.call (' Closewebview ');// 
Alipay Blightapp.closewindow ();//Baidu Wallet

By the head of the browser is the kind of browser:

var ua = Navigator.userAgent.toLowerCase (); 
F (Ua.match (/micromessenger/i) = = "Micromessenger") { 
alert ("Micro-client"); 
} else if (Ua.indexof ("Alipay")!=-1) { 
alert ("Alipay client"); 
} else if (ua.indexof (' Baidu ')!=-1) { 
alert ("Baidu client"); 
}

Listen for the return, Prev, back, and place the current page address into the history:

$ (function () { 
pushhistory (); 
Window.addeventlistener ("Popstate", function (e) { 
}, false); 
function Pushhistory () { 
var state = { 
title: "title", 
URL: "#" 
}; 
Window.history.pushState (state, "title", "#"); 
} 
);

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 (' 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", "#"); 
} 
);

The above is a small set to introduce in the micro-letter, Alipay, Baidu Purse to achieve click Back button to close the current page and window method, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!