如何识别哪个浏览器选项卡或窗口触发了 Angular 中的事件？

Question

我正在开发一个基于 Angular 的 Web 应用程序，用于跟踪用户事件。该应用程序可以同时在多个浏览器选项卡或窗口中打开，我们希望确定哪个特定选项卡或窗口触发了事件。

这就是我想要实现的目标：

• 跟踪应用程序中用户跨多个选项卡或窗口触发的事件。
• 为每个选项卡或窗口实例分配唯一标识符 (ID)。
• 根据此 ID 确定事件源自哪个选项卡或窗口。

Answer 1

1. 每次用户打开您的应用程序时，生成一个唯一的 ID 并将其添加为 URL 中的查询参数。
2. 每次从应用程序发出请求时，都从查询参数中获取唯一 ID。
3. 引用 ID 并将其与查询参数进行匹配，以确认哪个选项卡发出了请求。

您无法使用 cookie 或本地存储，因为它们是跨选项卡共享的。然而，每个浏览器选项卡都可以有一个唯一的 URL，因此这是保留唯一 ID 的绝佳机会。