Détecter bloqué popup dans Chrome

Bien le "moment magique" dont vous parlez est probablement lorsque le popup DOM a été chargé. Ou bien, il pourrait être quand tout (images, un hors-bord CSS, etc.) a été chargé. Vous pouvez tester facilement par l'ajout d'un très grand graphique de la fenêtre contextuelle (effacer votre cache d'abord!). Si vous étiez à l'aide d'un Framework Javascript comme jQuery (ou quelque chose de similaire), vous pouvez utiliser le prêt() événement (ou quelque chose de similaire) à attendre pour les DOM à la charge avant la vérification de la fenêtre de l'offset. Le danger, c'est que Safari fonctionne la détection dans un conflit avec un autre moyen: le pop-up du DOM ne sera jamais prêt() dans Safari, car il va vous donner un descripteur valide pour la fenêtre que vous essayez de l'ouvrir -- s'il ouvre ou non. (en fait, je crois que votre popup code de test ci-dessus ne fonctionne pas sur safari.)

Je pense que la meilleure chose que vous pouvez faire est d'envelopper votre test dans un setTimeout() et lui donner le popup 3-5 secondes pour le chargement complet avant d'exécuter le test. Il n'est pas parfait, mais il devrait fonctionner au moins 95% du temps.

Voici le code que j'utilise pour la croix-détection du navigateur, sans le Chrome de la partie.

function _hasPopupBlocker(poppedWindow) {
    var result = false;

    try {
        if (typeof poppedWindow == 'undefined') {
            //Safari with popup blocker... leaves the popup window handle undefined
            result = true;
        }
        else if (poppedWindow && poppedWindow.closed) {
            //This happens if the user opens and closes the client window...
            //Confusing because the handle is still available, but it's in a "closed" state.
            //We're not saying that the window is not being blocked, we're just saying
            //that the window has been closed before the test could be run.
            result = false;
        }
        else if (poppedWindow && poppedWindow.test) {
            //This is the actual test. The client window should be fine.
            result = false;
        }
        else {
            //Else we'll assume the window is not OK
            result = true;
        }

    } catch (err) {
        //if (console) {
        //   console.warn("Could not access popup window", err);
        //}
    }

    return result;
}

Ce que je fais est de lancer ce test de la mère et de l'envelopper dans un setTimeout(), en lui donnant la fenêtre enfant de 3 à 5 secondes pour charger. Dans la fenêtre enfant, vous devez ajouter une fonction de test:

function test() {}

Le bloqueur de popup détecteur de tests pour voir si la fonction "test" existe en tant que membre de la fenêtre enfant.

AJOUTÉ LE 15 JUIN 2015:

Je pense que la façon moderne de gérer ce qui serait d'utiliser la fenêtre.postMessage() pour avoir l'enfant en informer le parent que la fenêtre a été chargé. L'approche est similaire (enfant dit parent, il est chargé), mais les moyens de communication s'est améliorée. J'ai été capable de faire ce cross-domain de l'enfant:

$(window).load(function() {
  this.opener.postMessage({'loaded': true}, "*");
  this.close();
});

Le parent est à l'écoute de ce message à l'aide de:

$(window).on('message', function(event) {     
  alert(event.originalEvent.data.loaded)
}); 

Espère que cette aide.

OriginalL'auteur Ringo

Ce qui suit est une jQuery solution bloqueur de popup de vérification. Il a été testé dans FF (v11), Safari (v6), Chrome (v23.0.127.95) & IE (v7 & v9). Mise à jour le _displayError fonction pour gérer le message d'erreur que vous voyez l'ajustement.

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

Utilisation:

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

Espérons que cette aide! 🙂

OriginalL'auteur Kevin B

Cela a fonctionné pour moi:

    cope.PopupTest.params = 'height=1,width=1,left=-100,top=-100,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=no,directories=no,status=no';
    cope.PopupTest.testWindow = window.open("popupTest.htm", "popupTest", cope.PopupTest.params);

    if( !cope.PopupTest.testWindow
        || cope.PopupTest.testWindow.closed
        || (typeof cope.PopupTest.testWindow.closed=='undefined')
        || cope.PopupTest.testWindow.outerHeight == 0
        || cope.PopupTest.testWindow.outerWidth == 0
        ) {
        //pop-ups ARE blocked
        document.location.href = 'popupsBlocked.htm';
    }
    else {
        //pop-ups are NOT blocked
        cope.PopupTest.testWindow.close();
    }

La outerHeight et outerWidth sont pour chrome parce que le "about:blank" truc à partir de ci-dessus ne fonctionne pas sous chrome plus.

OriginalL'auteur Predrag Stojadinović

De vérifier la position de la fenêtre par rapport à la mère. Chrome rend la fenêtre apparaissent presque hors de l'écran.

OriginalL'auteur Jason Cohen

Voici une version qui est actuellement en train de travailler dans google Chrome. Juste une petite modification à l'écart entre les Riches et la solution, mais j'ai ajouté dans un wrapper qui gère le timing trop.

function checkPopupBlocked(poppedWindow) {
 setTimeout(function(){doCheckPopupBlocked(poppedWindow);}, 5000);
}

function doCheckPopupBlocked(poppedWindow) {

    var result = false;

    try {
        if (typeof poppedWindow == 'undefined') {
            //Safari with popup blocker... leaves the popup window handle undefined
            result = true;
        }
        else if (poppedWindow && poppedWindow.closed) {
            //This happens if the user opens and closes the client window...
            //Confusing because the handle is still available, but it's in a "closed" state.
            //We're not saying that the window is not being blocked, we're just saying
            //that the window has been closed before the test could be run.
            result = false;
        }
        else if (poppedWindow && poppedWindow.outerWidth == 0) {
            //This is usually Chrome's doing. The outerWidth (and most other size/location info)
         //will be left at 0, EVEN THOUGH the contents of the popup will exist (including the
         //test function we check for next). The outerWidth starts as 0, so a sufficient delay
         //after attempting to pop is needed.
            result = true;
        }
        else if (poppedWindow && poppedWindow.test) {
            //This is the actual test. The client window should be fine.
            result = false;
        }
        else {
            //Else we'll assume the window is not OK
            result = true;
        }

    } catch (err) {
        //if (console) {
        //   console.warn("Could not access popup window", err);
        //}
    }

    if(result)
     alert("The popup was blocked. You must allow popups to use this site.");
}

L'utiliser simplement faire ceci:

var popup=window.open('location',etc...);
checkPopupBlocked(popup);

Si le pop-up est bloqué, le message d'alerte s'affichera après le 5 seconde période de grâce (vous pouvez régler cela, mais 5 secondes doit être tout à fait sûr).

OriginalL'auteur Kandelon

Wow il sont beaucoup de solutions ici. C'est la mienne, il utilise des solutions prises à partir de la actuel a accepté de répondre à (qui ne fonctionne pas dans le dernier Chrome et nécessite l'enveloppant dans un délai), ainsi qu'une solution liée à la sur ce fil (qui est en fait la vanille JS, pas jQuery).

Mine utilise un rappel de l'architecture qui sera envoyé true lorsque le pop-up est bloqué et false autrement.

window.isPopupBlocked = function(popup_window, cb)
{
    var CHROME_CHECK_TIME = 2000;       //the only way to detect this in Chrome is to wait a bit and see if the window is present

    function _is_popup_blocked(popup)
    {
        return !popup.innerHeight;
    }

    if (popup_window) {
        if (popup_window.closed) {
            //opened OK but was closed before we checked
            cb(false);
            return;
        }
        if (/chrome/.test(navigator.userAgent.toLowerCase())) {
            //wait a bit before testing the popup in chrome
            setTimeout(function() {
                cb(_is_popup_blocked(popup_window));
            }, CHROME_CHECK_TIME);
        } else {
            //for other browsers, add an onload event and check after that
            popup_window.onload = function() {
                cb(_is_popup_blocked(popup_window));
            };
        }
    } else {
        cb(true);
    }
};

OriginalL'auteur pospi

Jason réponse est la seule méthode que je pense aussi, mais en s'appuyant sur la position comme ça, c'est un peu douteux!

Ces jours, vous n'avez pas vraiment besoin de poser la question “a mon non sollicités popup bloqué?”, parce que la réponse est invariablement “oui” — tous les principaux navigateurs ont le bloqueur de popup activé par défaut. La meilleure approche est toujours à la fenêtre.open() en réponse à un clic direct, ce qui est presque toujours autorisés.

OriginalL'auteur bobince

function openPopUpWindow(format)
{   
    var win = window.open('popupShow.html',
                          'ReportViewer',
                          'width=920px,height=720px,left=50px,top=20px,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=1,maximize:yes,scrollbars=0');

    if (win == null || typeof(win) == "undefined" || (win == null && win.outerWidth == 0) || (win != null && win.outerHeight == 0) || win.test == "undefined") 
    {
        alert("The popup was blocked. You must allow popups to use this site.");  
    }
    else if (win)
    {
        win.onload = function()
        {          
            if (win.screenX === 0) {
                alert("The popup was blocked. You must allow popups to use this site.");
                win.close();
            } 
        };
    }
}

OriginalL'auteur syed