window.open在Safari中不能打开的问题

今天在调移动支付问题的时候遇到过，用window.open打开一个微信支付链接，唤醒移动支付，在IOS下死活唤醒不了，是js代码冲突问题...是click事件IOS下不兼容问题...最后定位到window.open语句，之后改为window.loaction.href，奇迹般的可以唤醒支付，因此，也就很直观的证明了在Safari下用window.open是有问题的，所以在网上搜寻下各方大佬的解决方案。

我们先来看下window.open()，其作用是创建一个新的浏览器窗口用来打开相关的资源，这是一个原生的JavaScript API接口。有关有关window.open()的基本使用可以参考 mozilla 提供的  API 文档：window.open 。

大部分现代的浏览器（Chrome/Firefox/IE 10+/Safari）都默认开启了阻止弹出窗口的策略，原因是window.open被广告商滥用，严重影响用户的使用。这个阻止弹出窗口的操作，并不是直接封杀window.open()，而是会根据用户的行为来判断这次window.open()是否属于流氓操作。

如果是由用户触发的动作所引起的 window.open 就不会被浏览器所阻止，比如写在  这些事件 handler 里的，但如果是代码自己触发的就会被阻止。

那么，我们可以知道，在Safari中无法open新窗口，原因是Safari的安全机制将其阻挡。

那么，如果我们的需求是通过Ajax请求数据后，在成功的回调函数中open一个相关的窗口，显然正常手段是没法在Safari中搞定的。

那么，如何解决该问题呢？很简单，直走不行绕着走，绕过这个安全机制，也就是说在你调用Ajax之前，先打开这个窗口，然后在回调函数里面修改打开窗口的location，这样就可以解决。

示例代码：

var openWin = function(){    var winRef = window.open("url","_blank");
    $.ajax({        type: '',        url: '',        data: '',
        ......
        success:function(json){
            winRef.location = "新的url";
        }
    });
};

不过，由于种种原因，window.open()经常会被阻止掉，我们可以根据window.open()的返回值来判断其执行情况，代码如下：

var winOpen = window.open("url",...);if(winOpen == null || typeof(winOpen) == 'undefined'){
    consoel.log("窗口无法打开，请检查浏览器！");
}else{
    consoel.log("窗口打开成功！");
}

这样的话，就可以在界面上比较清晰的告知用户是怎么回事了。

作者：Joydezhong
链接：https://www.jianshu.com/p/59c0413b2a6a