解决移动端使用window.open跳转链接时,苹果iOS没有反应的问题

移动端使用window.open跳转链接时安卓可以正常跳转,但是iOS苹果上没有反应,百度了下说是因为苹果的安全机制拦截了,所以不能打开新的标签页,然后就使用了网上的方法:

 var winRef = window.open(" ","_blank");   //先打开一个标签页
 在请求数据成功的回调中:
 winRef.location = "新的url";

在iOS上是跳转了打开了一个新的标签页,但是一直是空白的
在这里插入图片描述
然后就直接使用window.location.href ,这回苹果可以跳转了,但是安卓上点击没反应了
然后就开始判断是哪个终端

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;
			}
        }
    });
};

**

这样就安卓和苹果上都能跳转链接了

**
https://blog.csdn.net/qq_38111015/article/details/103579163

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值