html - 在 Safari iPhone 的新标签页中打开链接

Question

我有一个网站可以帮助人们为他们的 Instagram 帖子创建标题并评估主题标签。其中一项功能非常简单，只需将主题标签链接到 Instagram 即可查看它们包含的图像类型。因为我不希望他们刚刚输入和评估的输入消失，所以我使用 target="_blank"在新选项卡中打开链接 - 这在台式机上完美运行，但在 iPhone 上，当您尝试单击时没有任何反应标签链接。我怀疑通过禁用 target="_blank"链接可能是某种保护，但我不确定。一切都只是简单的 html 链接。我尝试添加 rel="noreferrer"但这没有任何区别。

因此，如果您能解释为什么它不起作用，那将会很有帮助，但更有帮助的是关于我如何在移动设备上也能获得我想要的东西的解决方案，简单地说:打开一个在新选项卡中链接，这样我就不会丢失刚刚呈现给用户的页面的输入/状态。

也非常感谢上述问题的替代解决方案。

Answer 1

试试这个 js 代码:

function openTab(url) {
    // Create link in memory
    var a = window.document.createElement("a");
    a.target = '_blank';
    a.href = url;

    // Dispatch fake click
    var e = window.document.createEvent("MouseEvents");
    e.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    a.dispatchEvent(e);
};

openTab('http://www.google.com');

您可以在这里找到原始帖子:http://whoknew.dk/programmatically-opening-a-new-tab-window-on-mobile-safari-55.htm