2

我正在开发一个通常在当前页面中完成所有工作的书签，但偶尔需要打开一个新窗口（主要用于登录流程）。我大部分时间都在工作，但是 chrome 正在做一些意想不到的事情。

window.open在大多数浏览器中，我正在进行的调用会生成一个标准的新窗口/选项卡，但在 chrome 中它会在不同样式的窗口中打开。该窗口没有选项卡和只读 URL 栏。

似乎 chrome 的行为基于打开发生的鼠标单击距离有多远。这是一些演示它的简单代码：

<!DOCTYPE html>
<html>
  <head>
    <title>Chrome window.open Test</title>
    <script>
      function startOpen() {
        var delay = Number(document.getElementById('delay').value);
        setTimeout(openWindow, delay);
      }

      function openWindow() {
        window.open('http://www.google.com', '_blank');
      }
    </script>
  </head>
  <body>
    <input type="text" id="delay" value="1000"></input>
    <input type="button" value="Open" onclick="startOpen()"></input>
  </body>
</html>

如果我留下延迟，1000它会正常打开。但是，如果我做到这一点，3000它会在另一个样式窗口中打开：

在此处输入图像描述

在较慢的连接上，我的小书签的初始化可能需要一秒钟以上（需要加载几个库并进行凭据检查），因此我偶尔会超出此时间范围，从而导致跨浏览器和尝试的行为不一致。

有没有办法告诉 chrome 打开标准窗口，或者这只是我必须忍受的一些强迫行为？

4

1 回答 1

0

此解决方案仅适用于 Chrome，它通过创建锚点并模拟元素上的 Shift+Click 事件来工作：

function openLinkInWindow(url) {
    var anchor = document.createElement("a");
    anchor.href = url;
    document.body.appendChild(anchor);

    var evt = document.createEvent("MouseEvents");
    evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, 

    true, // SHIFT key down

    false, 0, null);
    anchor.dispatchEvent(evt);

    anchor.parentNode.removeChild(anchor);
}

用法：

  openLinkInWindow("http://www.google.com");

工作示例：（延迟 2 秒后打开链接）

http://jsbin.com/ihuwew/1/edit

我还没有延迟（直接在window.onload事件中）对此进行了测试，并且它没有被弹出窗口阻止程序阻止

于 2012-11-20T22:24:21.163 回答