104

ポップアップが他のブラウザーでブロックされているかどうかを検出するための JavaScript 手法を認識しています (この質問への回答で説明されているように)。基本的なテストは次のとおりです。

var newWin = window.open(url);

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

しかし、これは Chrome では機能しません。ポップアップがブロックされている場合、「POPUP BLOCKED」セクションに到達することはありません。

もちろん、Chrome は実際にはポップアップをブロックしないため、テストはある程度機能していますが、「ブロックされた」ポップアップをリストする右下隅の小さな最小化されたウィンドウで開きます。

私がやりたいことは、ポップアップが Chrome のポップアップ ブロッカーによってブロックされたかどうかを確認できるようにすることです。機能の検出を優先して、ブラウザーのスニッフィングを回避しようとしています。ブラウザのスニッフィングなしでこれを行う方法はありますか?

編集newWin.outerHeight：これを達成するためにnewWin.left、、、およびその他の同様のプロパティを利用しようとしました。ポップアップがブロックされると、Google Chrome はすべての位置と高さの値を 0 として返します。

残念ながら、ポップアップが実際に不明な時間開かれた場合でも、同じ値が返されます。魔法のような期間 (私のテストでは数秒) の後、場所とサイズの情報が正しい値として返されます。言い換えれば、私はまだこれを理解するのに近づいていません. どんな助けでも大歓迎です。

4

16 に答える 16

16

InvisibleBacon のスニペットに対する 1 つの改善点 (IE9、Safari 5、Chrome 9、および FF 3.6 でテスト済み):

var myPopup = window.open("popupcheck.htm", "", "directories=no,height=150,width=150,menubar=no,resizable=no,scrollbars=no,status=no,titlebar=no,top=0,location=no");
if (!myPopup)
    alert("failed for most browsers");
else {
    myPopup.onload = function() {
        setTimeout(function() {
            if (myPopup.screenX === 0) {
                alert("failed for chrome");
            } else {
                // close the test window if popups are allowed.
                myPopup.close();  
            }
        }, 0);
    };
}
于 2011-02-25T11:29:52.197 に答える
12

以下は、ポップアップ ブロッカー チェックのjQueryソリューションです。FF (v11)、Safari (v6)、Chrome (v23.0.127.95) & IE (v7 & v9) でテスト済みです。_displayError 関数を更新して、必要に応じてエラー メッセージを処理します。

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.ca", '_blank');
popupBlockerChecker.check(popup);

お役に立てれば！:)

于 2012-11-30T20:35:09.007 に答える
10

リッチの答えは、Chromeではもう機能しません。Chromeは実際にポップアップウィンドウでJavascriptを実行しているようです。ブロックされたポップアップをチェックするために、screenX値0をチェックすることになりました。また、チェックする前に、このプロパティが最終的なものであることを保証する方法を見つけたと思います。これはドメインのポップアップに対してのみ機能しますが、次のようなonloadハンドラーを追加できます。

var myPopup = window.open("site-on-my-domain", "screenX=100");
if (!myPopup)
    alert("failed for most browsers");
else {
    myPopup.onload = function() {
        setTimeout(function() {
            if (myPopup.screenX === 0)
                alert("failed for chrome");
        }, 0);
    };
}

多くの人が報告しているように、「screenX」プロパティは、オンロード後であっても、失敗したポップアップに対してゼロ以外を報告することがあります。私もこの動作を経験しましたが、ゼロミリ秒のタイムアウト後にチェックを追加すると、screenXプロパティは常に一貫した値を出力するように見えます。

このスクリプトをより堅牢にする方法があるかどうか教えてください。しかし、私の目的のために働くようです。

于 2010-11-08T16:48:38.707 に答える
9

これは私のために働いた：

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

上からの「about：blank」トリックはChromeでは機能しなくなったため、outerHeightとouterWidthはchrome用です。

于 2012-06-05T23:18:43.733 に答える
5

ここで提供されている回答をコピーして貼り付けます: https://stackoverflow.com/a/27725432/892099 by DanielB 。クロム40で動作し、非常にきれいです。汚いハックや待機は必要ありません。

function popup(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.");
  }
}
于 2015-02-07T05:27:23.847 に答える
2

親に対するウィンドウの位置を確認してください。Chrome では、ウィンドウがほとんど画面外に表示されます。

于 2009-03-20T23:01:59.627 に答える
2

これは、現在 Chrome で動作しているバージョンです。タイミングも処理するラッパーを追加しましたが、リッチのソリューションから少し変更しました。

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

それを使用するには、次のようにします。

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

ポップアップがブロックされた場合、5 秒間の猶予期間の後に警告メッセージが表示されます (これは調整できますが、5 秒間は非常に安全なはずです)。

于 2010-10-21T18:18:28.340 に答える
2

このフラグメントには上記のすべてが組み込まれています - 何らかの理由で - StackOverflow は以下のコード ブロックのコードの最初と最後の行を除外しているので、ブログを書きました。完全な説明と残りの (ダウンロード可能な) コードについては、 私のブログ (thecodeabode.blogspot.com) を参照してください。

var PopupWarning = {

    init : function()
    {

        if(this.popups_are_disabled() == true)
        {
            this.redirect_to_instruction_page();
        }
    },

    redirect_to_instruction_page : function()
    {
        document.location.href = "http://thecodeabode.blogspot.com";
    },

    popups_are_disabled : function()
    {
        var popup = window.open("http://localhost/popup_with_chrome_js.html", "popup_tester", "width=1,height=1,left=0,top=0");

        if(!popup || popup.closed || typeof popup == 'undefined' || typeof popup.closed=='undefined')
        {
            return true;
        }

        window.focus();
        popup.blur();

        //
        // Chrome popup detection requires that the popup validates itself - so we need to give
        // the popup time to load, then call js on the popup itself
        //
        if(navigator && (navigator.userAgent.toLowerCase()).indexOf("chrome") > -1)
        {
            var on_load_test = function(){PopupWarning.test_chrome_popups(popup);};     
            var timer = setTimeout(on_load_test, 60);
            return;
        }


        popup.close();
        return false;
    },

    test_chrome_popups : function(popup)
    {
        if(popup && popup.chrome_popups_permitted && popup.chrome_popups_permitted() == true)
        {
            popup.close();
            return true;
        }

        //
        // If the popup js fails - popups are blocked
        //
        this.redirect_to_instruction_page();
    }
};

PopupWarning.init();
于 2010-11-02T08:33:44.173 に答える
2

Chromeでポップアップが開かないという同様の問題がありました。ユーザーがクリックしたときにウィンドウを開くだけで、オンロードポップアップのような卑劣なことをしようとしていたわけではないので、私はイライラしました。firebug コマンド ラインから window.open() を含む関数を実行すると機能するのに、実際にはリンクをクリックしても機能しなかったので、私は二重に不満を感じていました。これが私の解決策でした：

間違った方法: イベント リスナーから window.open() を実行します (私の場合は dojo.connect を DOM ノードの onclick イベント メソッドに接続します)。

dojo.connect(myNode, "onclick", function() {
    window.open();
}

正しい方法: window.open() を呼び出したノードの onclick プロパティに関数を割り当てます。

myNode.onclick = function() {
    window.open();
}

もちろん、必要に応じて、同じ onclick イベントのイベント リスナーを作成することもできます。この変更により、Chrome が「どのサイトにもポップアップの表示を許可しない」に設定されていても、ウィンドウを開くことができました。喜び。

Chrome のやり方に詳しい人が、それが違いを生む理由を私たちの残りの人に教えてくれるなら、それを聞いてみたい.

于 2010-07-07T03:52:19.210 に答える
1

ジェイソンの答えは私も考えることができる唯一の方法ですが、そのような位置に依存することは少し危険です！

最近では、「一方的なポップアップがブロックされましたか？」という質問をする必要はありません。答えは常に「はい」であるためです。すべての主要なブラウザでは、デフォルトでポップアップブロッカーがオンになっています。最善のアプローチは、ほとんどの場合許可されている直接クリックに応答してwindow.open（）を実行することだけです。

于 2009-03-21T00:21:01.387 に答える
1

こんにちは

上記のソリューションを少し変更しましたが、少なくとも Chrome では機能していると思います。私の解決策は、ポップアップが開かれたときではなく、メインページが開かれたときにポップアップがブロックされているかどうかを検出するように作られていますが、それを変更できる人がいると確信しています.:-) ここでの欠点は、ポップアップウィンドウが表示されることですポップアップブロッカーがない場合は、数秒間（少し短縮できる場合があります）。

これを「メイン」ウィンドウのセクションに入れました

<script type="text/JavaScript" language="JavaScript">

 var mine = window.open('popuptest.htm','popuptest','width=1px,height=1px,left=0,top=0,scrollbars=no');
 if(!mine|| mine.closed || typeof mine.closed=='undefined')
  {
    popUpsBlocked = true       
    alert('Popup blocker detected ');
    if(mine)
      mine.close();
 }
 else
 {
    popUpsBlocked = false    
    var cookieCheckTimer = null;
    cookieCheckTimer =  setTimeout('testPopup();', 3500);
 }


function testPopup()
{
  if(mine)
  {
    if(mine.test())
    {
       popUpsBlocked = false;
    }
    else
    {
        alert('Popup blocker detected ');
         popUpsBlocked = true;
     }
    mine.close();
}

} 
</script>

popuptest は次のようになります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Popup test</title>
<script type="text/javascript" language="Javascript">
   function test() {if(window.innerHeight!=0){return true;} else return false;}
</script>
</head>

<body>
</body>
</html>

3500ミリ秒後にポップアップページでテスト関数を呼び出すと、Chromeによってinnerheightが正しく設定されました。

変数 popUpsBlocked を使用して、ポップアップが他の JavaScript で表示されるかどうかを確認します。すなわち

function ShowConfirmationMessage()
{
if(popUpsBlocked)
 { 
  alert('Popups are blocked, can not display confirmation popup. A mail will be sent with the confirmation.');
 } 
 else
 { 
  displayConfirmationPopup();
 }
 mailConfirmation();
}
于 2010-05-18T11:14:57.880 に答える
1 
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();
            } 
        };
    }
}
于 2011-04-13T09:20:21.543 に答える
0

私が知る限り (私がテストしたことから)、Chrome は「about:blank」の位置を持つウィンドウ オブジェクトを返します。したがって、以下はすべてのブラウザーで機能するはずです。

var newWin = window.open(url);
if(!newWin || newWin.closed || typeof newWin.closed=='undefined' || newWin.location=='about:blank')
{
    //POPUP BLOCKED
}
于 2010-08-02T11:45:15.433 に答える