APP配置之后,
iOS系统可直接做页面跳转,
而安卓系统则正常使用iframe(如果安卓系统直接做页面跳转,会有问题,故使用iframe)。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>网上申请</title> </head> <body> <script src="js/zepto.min.js"></script> <script> $(function() {
var iFrame;
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isAndroid) {
//安卓终端使用iframe
iFrame = document.createElement("iframe");
iFrame.setAttribute("src", url);
iFrame.setAttribute("style", "display:none;");
iFrame.setAttribute("height", "0px");
iFrame.setAttribute("width", "0px");
iFrame.setAttribute("frameborder", "0");
document.body.appendChild(iFrame);
// 发起请求后这个 iFrame 就没用了,所以把它从 dom 上移除掉
iFrame.parentNode.removeChild(iFrame);
iFrame = null;
} else if (isiOS) {
//iOS终端直接页面跳转
window.location.href = url;
} else {
window.location.href = url;
}
</script> </body> </html>
参考链接:https://www.jb51.net/article/117959.htm