网站地图    收藏   

主页 > 采坑 > 前端采坑 > javascript常见API采坑 >

window.open在Safari中不能打开bug解决办法

来源:未知    时间:2022-03-21 13:44 作者:小飞侠 阅读:

[导读] 在实际开发中往往有很多需要ajax接口回调内触发的window.open,但是往往会被浏览器屏蔽。如何解决window.open被浏览器屏蔽呢? 大部分现代的浏览器(Chrome/Firefox/IE 10+/Safari)都默认开启了...

在实际开发中往往有很多需要ajax接口回调内触发的window.open,但是往往会被浏览器屏蔽。如何解决window.open被浏览器屏蔽呢?

大部分现代的浏览器(Chrome/Firefox/IE 10+/Safari)都默认开启了阻止弹出窗口的策略,原因是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("窗口打开成功!");
}

  

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

以上就是window.open在Safari中不能打开bug解决办法全部内容,感谢大家支持自学php网。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论