强制 window.open() 在 chrome 中创建新标签

Question

我使用 window.open 来填充具有不同内容的新窗口。主要是来自自动化流程的报告和存储的 HTML。

我注意到 Chrome 在 window.open() 方面的一些非常不一致的行为。

我的一些调用会创建一个新选项卡（首选行为）并且一些会导致弹出窗口。

var w = window.open('','_new');
w.document.write(page_content);

page_content 只是来自 AJAX 调用的常规 HTML。报告在标题中包含一些信息，如标题、网站图标和一些样式表。

在 IE9 中，代码确实会导致新标签页而不是弹出窗口，而 Chrome 则坚决拒绝在新标签页中显示相关内容。由于内容是敏感的业务数据，我无法在此处发布。如果可以，我会回答问题。

我知道有些人会说这是留给用户的行为，但这是一个内部业务平台。我们没有时间培训所有用户如何管理弹出窗口，我们只需要将它放在新标签中即可。哎呀，即使是新窗口也比弹出窗口更可取，因为您无法在 Chrome 中停靠弹出窗口。更不用说任何弹出窗口阻止代码都不会影响它。

欣赏任何见解。

Answer 1

window.open 必须在由用户操作（例如 onclick）触发的回调中调用，以便页面在新选项卡而不是窗口中打开。

例子：

$("a.runReport").click(function(evt) {
    // open a popup within the click handler
    // this should open in a new tab
    var popup = window.open("about:blank", "myPopup");

    //do some ajax calls
    $.get("/run/the/report", function(result) {
        // now write to the popup
        popup.document.write(result.page_content);

        // or change the location
        // popup.location = 'someOtherPage.html';
    });
});

Answer 2

你可以试试这个：

<a href="javascript:openWindow();">open a new tab please</a>

<script>
    function openWindow(){
        var w = window.open("about:blank");
        w.document.write("heheh new page opened");
    }
</script>

Answer 3

很简单，为了强制 Chrome 在新标签页中打开，使用 onmouseup 事件

onmouseup="switchMenu(event);"

Answer 4

我已经尝试过了，它在 chrome 中运行良好。如果在用户操作（例如鼠标单击）上打开新选项卡，这将正常工作，没有任何问题。但如果代码在另一个脚本块中执行，您可能需要在 chrome 中启用弹出窗口。看起来这是处理所有点击诱饵网站。

let newTab = window.open('', '_blank');
if (this.viewerTab == null) {
  console.log("opening in new tab to work, pop-ups should be enabled.");
  return;
}

................

newTab.location.href = viewerUrl;

Answer 5

window.open('page.html', '_newtab');

指定“_newtab”。这适用于 IE 和 FF，并且应该适用于 Chrome。但是，如果用户将内容配置为不在新标签页中打开，那么您无能为力。