有没有办法跟踪使用Javascript从哪个window.name打开新窗口（在新选项卡中打开）？

Question

我需要从起点跟踪所有用户的浏览器活动。 所有起点均分配有唯一的window.name 。

如果用户单击新选项卡中的打开，我将失去此唯一标识符以实际跟踪每个起点。 我需要在某个地方找到这两个窗口（子级和从中触发子级的父级窗口）之间的关联。

是否可以将“在新标签页中打开”作为事件处理，以便可以附加事件侦听器？ 或者还有什么其他解决方案？

Answer 1

您已在下面的评论中澄清了您的问题。 您要特别询问用户右键单击链接并选择“在新选项卡中打开”。 （与用户单击您设置为在新标签页中打开的链接相反，这是我最初阅读的方式。）

最简单，最可靠的方法是修改页面上的链接，以将窗口名称作为查询字符串参数传递：

var i, list, href;
list = document.getElementsByTagName("a");
for (i = 0; i < list.length; ++i) {
    href = list[i].href;
    if (href.indexOf("?") === -1) {
        href += "?wnd=" + encodeURIComponent(window.name);
    }
    else {
        href += "&wnd=" + encodeURIComponent(window.name);
    }
}

然后目标页面仅检查location.search的查询字符串参数。

或者，您可以在用户单击链接时在Web会话存储中设置一些信息，然后在目标页面上进行检查：

在第一页上：

var i, list;
list = document.getElementsByTagName("a");
for (i = 0; i < list.length; ++i) {
    list[i].addEventListener("click", setWindowName, false);
    // If you need to handle IE8, you'll need to do the addEventListener / attachEvent dance
}
function setWindowName() {
    sessionStorage.wndname = window.name;
}

然后在目标页面上：

var sourceWindow = sessionStorage.wndname;

除此之外，您可以给他们提供一个链接，该链接将为他们打开一个新标签页中的窗口（请参见下文），但是如果他们右键单击该链接并说“在新标签页中打开”，我认为这没有任何意义两个窗口之间的连接。 在服务器端，您可以检查REFERER [sic] HTTP标头，但我认为没有任何纯粹的客户端。

我可以将“在新标签页中打开”作为事件进行处理吗？

我认为用户在新窗口或新标签页中打开链接时不会引发任何事件。

---

如果通过window.open或带有target="..."的链接打开窗口，则新窗口将具有一个全局的opener ，该opener是对打开该窗口的引用。 因此， opener.name 。

父窗口示例： 实时复制 | 现场直播

window.name = "parentwin";
document.querySelector('p').onclick = function() {
    window.open("/uTEzowOQ/1");
};

或通过链接： Live Copy | 现场直播

<p><a href="/uTEzowOQ/1" target="_blank">Click me</a></p>
<script>
window.name = "parentwin";
</script>

子窗口： 来源

if (!opener) {
    display("My <code>opener</code> isn't set.");
}
else if (!opener.name) {
    display("<code>opener.name</code> is blank");
}
else {
    display("My opener's name is " + opener.name);
}

请注意，如果您直接进入子页面 ，则会显示“未设置我的开启器”。 但是，如果您通过上面的任一父页面转到那里，则会看到“我的揭幕战的名字是parentwin”。