Wie kann ich feststellen, ob ein Browser ein Popup blockiert?

Question

Gelegentlich bin ich auf eine Webseite gestoßen, die versucht, ein neues Fenster zu öffnen (für Benutzereingaben oder etwas Wichtiges), aber der Popup-Blocker verhindert dies.

Welche Methoden kann die anrufende Fenster verwenden, um das neue Fenster richtig gestartet stellen Sie sicher?

Answer 1

Wenn Sie JavaScript verwenden, um das Popup zu öffnen, können Sie so etwas wie folgt verwenden:

var newWin = window.open(url);    

if(!newWin || newWin.closed || typeof newWin.closed=='undefined') 
{ 
    //POPUP BLOCKED 
} 

Answer 2

Diese Lösung für Popup-Blocker Kontrolle hat in FF (v11), Safari (v6), Chrom (v23 getestet .0.127.95) & IE (v7 & v9). Aktualisieren Sie die Funktion _displayError, um die Fehlermeldung so zu behandeln, wie Sie es für richtig halten.

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

Verbrauch:

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

hoffe, das hilft! :)

Answer 3

habe ich versucht, eine Reihe der oben genannten Beispiele, aber ich konnte sie nicht bekommen mit Chrome zu arbeiten. Dieser einfache Ansatz scheint mit Chrome 39, Firefox 34, Safari 5.1.7 und IE 11 zu funktionieren. Hier ist der Codeschnipsel aus unserer JS-Bibliothek.

openPopUp: function(urlToOpen) { 
    var popup_window=window.open(urlToOpen,"myWindow","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=yes, width=400, height=400");    
    try { 
     popup_window.focus(); 
    } catch (e) { 
     alert("Pop-up Blocker is enabled! Please add this site to your exception list."); 
    } 
} 

Answer 4

One „Lösung“ Das wird immer Arbeit unabhängig vom verwendeten Browser Unternehmen oder Version einfach ist, um eine Warnmeldung auf dem Bildschirm zu setzen, irgendwo in der Nähe der Steuerung, die ein Pop-up zu schaffen, das höflich warnt Der Benutzer, für den die Aktion erforderlich ist, muss ein Popup-Fenster öffnen und diese für die Site aktivieren.

Ich weiß, dass es nichts Besonderes ist oder etwas, aber es kann nicht einfacher bekommen und benötigt nur ca. 5 Minuten Prüfung, dann können Sie auf andere Alpträume bewegen.

Sobald der Benutzer Pop-ups für Ihre Website erlaubt hat, wäre es auch rücksichtsvoll sein, wenn Sie die Pop-ups nicht übertreiben. Das letzte, was du tun willst, ist deine Besucher zu ärgern.

Answer 5

Ich habe viele Lösungen ausprobiert, aber die einzige, die ich mit, dass auch mit ublock Herkunft gearbeitet kommen konnte, war durch einen Timeout Verwendung des geschlossenen Zustand des Popup zu überprüfen.

function popup (url, width, height) { 
    const left = (window.screen.width/2) - (width/2) 
    const top = (window.screen.height/2) - (height/2) 
    let opener = window.open(url, '', `menubar=no, toolbar=no, status=no, resizable=yes, scrollbars=yes, width=${width},height=${height},top=${top},left=${left}`) 

    window.setTimeout(() => { 
     if (!opener || opener.closed || typeof opener.closed === 'undefined') { 
      console.log('Not allowed...') // Do something here. 
     } 
    }, 1000) 
} 

Offensichtlich ist dies ein Hack; wie alle Lösungen für dieses Problem.

Sie müssen genügend Zeit in Ihrem setTimeout angeben, um das erstmalige Öffnen und Schließen zu berücksichtigen. Es wird also nie ganz genau sein. Es wird eine Position von Versuch und Irrtum sein.

Fügen Sie diese auf Ihrer Liste der Versuche.