如何在当前窗口下停止打开帐户选择器窗口

Question

间歇性地我得到一段时间,调用gapi.auth.authorize会导致在我的应用程序窗口下打开一个帐户选择器窗口,当然它会被用户忽视.

有没有办法强迫它在顶部,或至少检测它已被打开所以我可以提醒用户？

我目前正在测试Chrome,但我也在Firefox上看过它.

要重新创造......

1. 登录多个Google帐户
2. 转到我的应用程序,该应用程序调用gapi.auth.authorize
3. 通常,会有一个弹出窗口,要求我选择要通过身份验证的Google帐户.但有时,此弹出窗口位于我的应用程序窗口下方,因此被它遮挡而未被用户注意到

它应该(有时是)应该是什么样的......

什么不应该,但有时看起来像......

Answer 1

我无法通过在后台启动弹出窗口来重现您的问题，但我可能为您提供了解决方案。

这是一个 hack，但它避免了直接修改 Google 的代码。

这是重要的部分，下面提供了一个演示。本质上，您window.open在弹出窗口创建后不久就覆盖并聚焦它。窗口打开后，您将恢复window.open默认功能。

function handleAuthClick(event) {

  // Hijack window.open
  var windowOpen = window.open;
  window.open = function(url, name, options) {
    var newWindow = windowOpen.apply(this, arguments);
    setTimeout(function() {
      newWindow.focus();
    }, 0);
    return newWindow;
  };

  gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: false}, handleAuthResult);

  // Release window.open
  window.open = windowOpen;
  return false;
}

演示： http: //jsbin.com/sefozinu/1/edit

众所周知，Chrome 和 FireFox 的更高版本不尊重window.focus.