25

我需要知道用户何时单击触发的按钮window.open是否有稳定的 API/预先知道用户是否主动拥有弹出窗口阻止程序的方法？

在某些情况下，用户不知道/注意他们有弹出窗口阻止程序（阻止新窗口）。我想通过一些对话框/或通过单击允许来授权新窗口的方式通知他们。

4

5 回答 5

34

Window.open(...)如果存在，则返回新窗口的句柄。如果它没有新窗口的句柄，则很好地表明该窗口已被阻止。

https://developer.mozilla.org/en-US/docs/Web/API/Window/open

来自：https ://davidwalsh.name/popup-block-javascript

var windowName = 'userConsole'; 
var popUp = window.open('/popup-page.php', windowName, 'width=1000, height=700, left=24, top=24, scrollbars, resizable');
if (popUp == null || typeof(popUp)=='undefined') {  
    alert('Please disable your pop-up blocker and click the "Open" link again.'); 
} 
else {  
    popUp.focus();
}
于 2016-09-16T01:54:45.553 回答
5

好吧，这是您的问题-我需要一些稳定的解决方案，如何知道用户何时单击打开的窗口事件，如何知道他是否启用了弹出窗口阻止程序。在窗户打开之前...谢谢！

恐怕没有任何方法可以处理。不久前我研究了同样的问题，我正在分享我的发现。

为什么我们的弹出窗口被阻止？

如果弹出窗口直接与用户的操作相关联，则智能弹出窗口阻止程序将允许弹出窗口。如果无论如何延迟，它很有可能会被阻止。

参考：Andy Stratton（他的博客）

我更喜欢这个解释

一般规则是，如果从不是由直接用户操作调用的 javascript 调用 window.open 或类似内容，则会启用弹出窗口阻止程序。也就是说，您可以调用 window.open 来响应按钮单击而不会被弹出窗口阻止程序击中，但是如果您将相同的代码放入计时器事件中，它将被阻止。调用链的深度也是一个因素 - 一些较旧的浏览器只查看直接调用者，较新的浏览器可以回溯一点以查看调用者的调用者是否是鼠标点击等。保持尽可能浅以避免弹出窗口阻止程序。

参考：dthorpe（堆栈溢出用户名）

我们能做什么？

到目前为止，有一件事很清楚，没有任何直接的方法可以使用代码中的弹出阻止程序进行调整。我认为它背后的原因是，它会妨碍它存在的唯一原因。

您可以在此处阅读 Andy 在他的博客上提出的解决方案：单击。如果我必须写下他简短解释的内容，我会直接说使用弹出窗口进行响应部分。Andy 解释说，我们可以windows.open在直接对用户的操作进行调用后在响应部分中使用，不会被弹出窗口阻止程序阻止。

就像 xaxxon 解释的那样，可以在执行后检查windows.open它是否被阻止。通常这就是人们所做的事情，开发人员在制作任何额外的服务功能时要记住这一点。例如，我正在实现 twitter 的数字认证系统。我曾经在执行弹出命令失败后检查消息，然后我可以向用户显示一条消息以启用弹出窗口，但后来我找到了上面提到的解决方案。它使整个事情更加整洁和干净。

于 2016-09-21T04:56:52.413 回答
4

window.open() 只有在没有被点击事件触发时才会被阻止。

要确认窗口已加载： 

var loaded = false;

function windowLoaded() { 
  alert("The popup loaded"); 
  loaded = true
}

function pause(milliseconds) {
  var dt = new Date();
  while ((new Date()) - dt <= milliseconds) { /* Do nothing */ }
}

document.write("start...");

//open the window
var win = window.open("window.html");

// If window.open returned an object
if(win) {
  win.onload = function() { 
    win.RunCallbackFunction = windowLoaded; 
  };
  document.write("popup sent...");

  pause(3000);

  // Verify that out window loaded
  if (loaded == false)
    document.write("check you popup blocker!");
  else
    document.write("ok!");

}
else {
  document.write("window.open() was blocked...");
}

于 2016-09-14T17:19:57.327 回答
3

使用此代码检查

var popupBlockerChecker = {check:function(b) {
var a = this;
b ? /chrome/.test(navigator.userAgent.toLowerCase()) ? setTimeout(function()      {
a._is_popup_blocked(a, b);
}, 200) : b.onload = function() {
a._is_popup_blocked(a, b);
} : a._displayError();
}, _is_popup_blocked:function(b, a) {
0 == 0 < a.innerHeight && b._displayError();
}, _displayError:function() {
alert("Popup Blocker is enabled! Please add this site to your exception list.");
}};

用法将类似于

 var popup = window.open("http://www.google.com.au", '_blank');
 popupBlockerChecker.check(popup);
于 2016-09-21T05:53:56.827 回答
2

以下是弹出窗口拦截器检查的 jQuery 解决方案。它已在 FF (v11)、Safari (v6)、Chrome (v23.0.127.95) 和 IE (v7 & v9) 中进行了测试。

var popupBlockerChecker = {
    check: function(popup_window){
        var _scope = this;
        if (popup_window) {
            if(/chrome/.test(navigator.userAgent.toLowerCase())){
                setTimeout(function () {
                    _scope._is_popup_blocked(_scope, popup_window);
                 },200);
            }else{
                popup_window.onload = function () {
                    _scope._is_popup_blocked(_scope, popup_window);
                };
            }
        }else{
            _scope._displayError();
        }
    },
    _is_popup_blocked: function(scope, popup_window){
        if ((popup_window.innerHeight > 0)==false){ scope._displayError(); }
    },
    _displayError: function(){
        alert("Popup Blocker is enabled! Please add this site to your exception list.");
    }
};

用法：-

var popup = window.open("http://www.google.co.in", '_blank');
popupBlockerChecker.check(popup);

希望它会有所帮助。

于 2016-09-21T10:10:31.657 回答