前端学习

前端学习

@色少10年前

10/14
17:11
前端技能

【转】如何绕过chrome的弹窗拦截机制

转载来自:http://cssha.com/open-window-in-chrome/

在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的。举个例子:

var btn = $('#btn'); btn.click(function () {              //不会被拦截              window.open('http://cssha.com')      });

上面的代码中,window.open是用户触发的时候,是不会被拦截的,可以正常打开新窗口。再看下面这个:

var btn = $('#btn');
btn.click(function () {  
       $.ajax({          
          url: 'ooxx',     
          success: function (url) {                 
          //会被拦截                 
          window.open(url);             
          }         
      })     
});

那么,当用户点击按钮,发出ajax请求,如何在ajax请求完成后再打开新窗口,又不被拦截呢? 接着往下看:

var btn = $('#btn');
btn.click(function () {         
//打开一个不被拦截的新窗口         
var newWindow = window.open();
         $.ajax({ 
           url: 'ooxx', 
           success: function (url) {  
           //修改新窗口的url             
           newWindow.location.href = url;       
             }   
               }) 
 });

上面的代码中,用户安点击按钮的时候,先打开一个空白页,再发ajax请求,在ajax回调里面修改新窗口的.location.href,这样就不会被拦截啦啦啦啦~~~

 

【转】如何绕过chrome的弹窗拦截机制