ios和Android的页面跳转

最新推荐文章于 2024-03-01 10:25:19 发布

爱吃萝卜的康康呀

最新推荐文章于 2024-03-01 10:25:19 发布

阅读量474

点赞数 1

文章标签： android 前端

本文链接：https://blog.csdn.net/aaakangkang/article/details/131211985

版权

在移动端开发中，遇到window.open在Android上能正常跳转链接，但在iOS上失效的问题。原因在于苹果的安全机制拦截了新标签页的打开。为解决此问题，代码进行了平台检测，对于Android设备使用window.open，而对于iOS设备则采用window.location.href进行页面跳转。

摘要由CSDN通过智能技术生成

我们在移动端使用window.open跳转链接时Android可以正常跳转，但是iOS苹果上没有反应，这是因为苹果的安全机制拦截了，所以不能打开新的标签页：

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终端

 function(){
    $.ajax({
        type: '',
        url: '',
        data: '',
        ......
        success:function(res){
            if(isAndroid) {  //android终端
				let url = res.data.url;
				window.open(url);
			}else if(isiOS) {   //ios终端
				window.location.href = res.data.url;
			}
        }
    });
};

对Android和ios进行一个判断，进而在执行的时候进行响应的判断