我需要能够在浏览器中识别我所在的选项卡。难道我不能从浏览器中获取一些信息来识别选项卡吗？我不需要知道任何其他选项卡的任何信息，我只需要我所在选项卡的 id。它可以是随机数或序列号，或者日期时间戳，只要它保持不变标签的寿命。
我有一个客户端应用程序，它通过 HTTP 连接到远程服务器，如果我在多个选项卡中打开它，每个实例都需要自己的唯一 ID 或应用程序失败，所以我只需要一些与相关联的唯一编号只要该选项卡存在（即在我浏览提供此应用程序的站点时页面刷新后仍然存在的内容）。看起来很简单，应该只在浏览器中可用，比如 window.tabId - 这就是我所需要的。我有一个严重的开发障碍，因为我无法通过这个似乎不存在的简单、简单、简单的解决方案。必须有一种方法（一种跨浏览器的解决方案）。
有任何想法吗？
SessionStorage 是每个选项卡/窗口的，因此您可以在 sessionStorage 中定义一个随机数，如果存在则首先获取它：
var tabID = sessionStorage.tabID ?
sessionStorage.tabID :
sessionStorage.tabID = Math.random();
更新：
在某些情况下，您可能在多个选项卡中有相同的 sessionStorage（例如，当您复制选项卡时）。在这种情况下，以下代码可能会有所帮助：
var tabID = sessionStorage.tabID &&
sessionStorage.closedLastTab !== '2' ?
sessionStorage.tabID :
sessionStorage.tabID = Math.random();
sessionStorage.closedLastTab = '2';
$(window).on('unload beforeunload', function() {
sessionStorage.closedLastTab = '1';
});
您必须使用 html5，但sessionStorage与随机 guid 相结合似乎是您想要的。
由于我没有找到简单的 Javascript 函数作为windows.currentTabIndex，我编写了一些 Javascript 行来在加载时在每个浏览器选项卡上修复 ID。
function defineTabID()
{
var iPageTabID = sessionStorage.getItem("tabID");
// if it is the first time that this page is loaded
if (iPageTabID == null)
{
var iLocalTabID = localStorage.getItem("tabID");
// if tabID is not yet defined in localStorage it is initialized to 1
// else tabId counter is increment by 1
var iPageTabID = (iLocalTabID == null) ? 1 : Number(iLocalTabID) + 1;
// new computed value are saved in localStorage and in sessionStorage
localStorage.setItem("tabID",iPageTabID);
sessionStorage.setItem("tabID",iPageTabID);
}
}
此代码保存最后一个选项卡的索引localStorage以更新新选项卡的当前值并sessionStorage修复页面的 id ！
我必须defineTabId()在应用程序的每个页面中调用函数。由于我使用 JSF 模板进行开发，因此仅在一个地方定义了 :-)
这是一种tabId在页面加载后可用的方法-tabId即使在刷新后也保持相同。
这也解决了重复的标签的问题，因为tabId从清除sessionStorage。
window.addEventListener("beforeunload", function (e)
{
window.sessionStorage.tabId = window.tabId;
return null;
});
window.addEventListener("load", function (e)
{
if (window.sessionStorage.tabId)
{
window.tabId = window.sessionStorage.tabId;
window.sessionStorage.removeItem("tabId");
}
else
{
window.tabId = Math.floor(Math.random() * 1000000);
}
return null;
});
访问tabId使用window.tabId.
beforeunload需要该事件以保持tabId刷新后具有相同的可用 id。
该load事件需要：
tabId.tabId刷新后加载相同的内容- 如果存在。* 我真的不知道为什么我应该做return null或返回。只是读到不返回可能会导致函数无法工作:(
您无法使用 javascript 获取标签 ID，但是有什么解决方案可以帮助您在用户打开新标签时使用不同的会话/cookie。
一些参考：