Bir tarayıcının pop-up'ı engellediğini nasıl tespit edebilirim?

Zaman zaman, yeni bir pencere açmaya çalışan (kullanıcı girişi veya önemli bir şey için) bir web sayfasına rastladım, ancak açılır pencere engelleyici bunun olmasını engelliyor.

Yeni pencerenin düzgün bir şekilde açıldığından emin olmak için arama penceresi hangi yöntemleri kullanabilir?

Pop-up'ı açmak için JavaScript kullanıyorsanız, bunun gibi bir şey kullanabilirsiniz:

var newWin = window.open(url);             

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

Yukarıdaki birkaç örneği denedim, ancak Chrome ile çalışmasını sağlayamadım. Bu basit yaklaşım Chrome 39, Firefox 34, Safari 5.1.7 ve IE 11 ile çalışıyor gibi görünüyor. JS kitaplığımızdan kod parçacığı burada.

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

Güncelleme: Popup'lar gerçekten çok eski zamanlardan beri var. İlk fikir, ana pencereyi kapatmadan başka bir içerik göstermekti. Şu an itibariyle, bunu yapmanın başka yolları da var: JavaScript, sunucu için istek gönderebildiğinden, pop-up'lar nadiren kullanılır. Ama bazen hala kullanışlıdırlar.

Geçmişte kötü siteler, pop-up'ları çok kötüye kullandı. Kötü bir sayfa, reklamlarla birlikte tonlarca açılır pencere açabilir. Artık çoğu tarayıcı pop-up'ları engellemeye ve kullanıcıyı korumaya çalışıyor.

Çoğu tarayıcı, onclick gibi kullanıcı tarafından tetiklenen olay işleyicilerin dışında çağrılırsa açılır pencereleri engeller.

Düşünürseniz, bu biraz aldatıcıdır. Kod doğrudan bir onclick işleyicisindeyse, bu kolaydır. Peki setTimeout'ta açılır pencere nedir?

Bu kodu deneyin:

 // open after 3 seconds
setTimeout(() => window.open('http://google.com'), 3000);

Pop-up Chrome'da açılıyor, ancak Firefox'ta engelleniyor.

… Ve bu Firefox'ta da çalışıyor:

 // open after 1 seconds
setTimeout(() => window.open('http://google.com'), 1000);

Aradaki fark, Firefox'un 2000 ms veya daha az bir zaman aşımı olarak kabul edilebilir olmasıdır, ancak ondan sonra - artık "kullanıcı eyleminin dışında" olduğunu varsayarak "güveni" kaldırır. Yani birincisi bloke edilir, ikincisi bloke olmaz.

2012'de geçerli olan orijinal cevap:

Açılır pencere engelleyici kontrolü için bu çözüm FF (v11), Safari (v6), Chrome (v23.0.127.95) ve IE (v7 ve v9) 'da test edilmiştir. Hata mesajını uygun gördüğünüz şekilde işlemek için displayError işlevini güncelleyin.

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

Kullanımı:

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

Bu yardımcı olur umarım! :)

Tarayıcı şirketi veya sürümü ne olursa olsun her zaman işe yarayacak bir "çözüm" , ekrana, kontrole yakın bir yerde bir açılır pencere oluşturacak ve kullanıcıyı eylemin bir açılır pencere gerektirdiği konusunda kibarca uyaran bir uyarı mesajı koymaktır. lütfen bunları site için etkinleştirin.

Fantezi falan olmadığını biliyorum, ama daha basit olamaz ve sadece yaklaşık 5 dakikalık test gerektirir, o zaman diğer kabuslara geçebilirsiniz.

Kullanıcı, siteniz için pop-up'lara izin verdiğinde, pop-up'ları aşırıya kaçmamanız da dikkate alınacaktır. Yapmak isteyeceğiniz son şey ziyaretçilerinizi kızdırmaktır.

@ Kevin B ve @ DanielB'nin çözümlerini birleştirdim.
Bu çok daha basit.

var isPopupBlockerActivated = function(popupWindow) {
    if (popupWindow) {
        if (/chrome/.test(navigator.userAgent.toLowerCase())) {
            try {
                popupWindow.focus();
            } catch (e) {
                return true;
            }
        } else {
            popupWindow.onload = function() {
                return (popupWindow.innerHeight > 0) === false;
            };
        }
    } else {
        return true;
    }
    return false;
};

Kullanımı:

var popup = window.open('https://www.google.com', '_blank');
if (isPopupBlockerActivated(popup)) {
    // Do what you want.
}

Çok sayıda çözüm denedim, ancak bulabildiğim tek çözüm, uBlock Origin ile de çalıştı, açılır pencerenin kapalı durumunu kontrol etmek için bir zaman aşımı kullanmaktı.

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)
}

Açıkçası bu bir hack; bu problemin tüm çözümleri gibi.

İlk açılış ve kapanışı hesaba katmak için setTimeout'unuzda yeterli zaman sağlamanız gerekir, böylece asla tam olarak doğru olmayacaktır. Bir deneme yanılma pozisyonu olacak.

Bunu denemeler listenize ekleyin.

Alt koda da sahipseniz basit bir yaklaşım , html'sinde aşağıdaki gibi basit bir değişken oluşturmak olacaktır:

    <script>
        var magicNumber = 49;
    </script>

Ve sonra varlığını ebeveynden aşağıdakine benzer bir şekilde kontrol edin:

    // Create the window with login URL.
    let openedWindow = window.open(URL_HERE);

    // Check this magic number after some time, if it exists then your window exists
    setTimeout(() => {
        if (openedWindow["magicNumber"] !== 32) {
            console.error("Window open was blocked");
        }
    }, 1500);

Web sayfasının yüklendiğinden emin olmak ve varlığını kontrol etmek için bir süre bekleriz. Açıktır ki, pencere 1500 ms sonra yüklenmediyse, değişken yine de olacaktır undefined.

Onbeforeunload olayını kullanarak aşağıdaki gibi kontrol edebiliriz

    function popup()
    {
        var chk=false;
        var win1=window.open();
        win1.onbeforeunload=()=>{
            var win2=window.open();
            win2.onbeforeunload=()=>{
                chk=true;
            };
        win2.close();
        };
        win1.close();
        return chk;
    }

arka planda 2 siyah pencere açacak

işlev boole değerini döndürür.