首頁(yè) 猿問(wèn) 避免瀏覽器彈出攔截器

避免瀏覽器彈出攔截器

JavaScript

一只斗牛犬 2019-07-09 10:28:12

避免瀏覽器彈出攔截器我正在開(kāi)發(fā)一個(gè)純JavaScript的OAuth身份驗(yàn)證流，我想在彈出窗口中向用戶顯示“授予訪問(wèn)”窗口，但是它會(huì)被阻塞。如何防止彈出窗口window.open或window.showModalDialog被不同瀏覽器的彈出式阻斷劑阻塞？

查看完整描述

3 回答

四季花海

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超5個(gè)贊

一般規(guī)則是彈出攔截器將在window.open也可以從javascript調(diào)用類(lèi)似的直接用戶動(dòng)作..也就是說(shuō)，你可以打電話window.open為了響應(yīng)按鈕單擊，而不被彈出窗口阻止程序擊中，但是如果您將相同的代碼放入計(jì)時(shí)器事件中，則會(huì)被阻塞。呼叫鏈的深度也是一個(gè)因素-一些較舊的瀏覽器只關(guān)注直接調(diào)用者，較新的瀏覽器可以稍微回溯一下，看看來(lái)電者是否是鼠標(biāo)點(diǎn)擊等等。盡量淺薄一點(diǎn)，以避免彈出阻攔。

反對(duì) 回復(fù) 2019-07-09

慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊

另外，瑞士郵政先生，在我的例子中打開(kāi)窗戶是在一個(gè)承諾中啟動(dòng)的，它打開(kāi)了彈出式阻斷器，我的解決方案是：角度：

$scope.gotClick = function(){

  var myNewTab = browserService.openNewTab();
  someService.getUrl().then(
    function(res){
        browserService.updateTabLocation(res.url, myNewTab);

    }
  );};

瀏覽器服務(wù)：

this.openNewTab = function(){
     var newTabWindow = $window.open();
     return newTabWindow;}this.updateTabLocation = function(tabLocation, tab) {
     if(!tabLocation){
       tab.close();
     }
     tab.location.href = tabLocation;}

這是如何打開(kāi)一個(gè)新的選項(xiàng)卡使用承諾響應(yīng)，而不是調(diào)用彈出攔截器。

反對(duì) 回復(fù) 2019-07-09