Javascript 同一域的不同选项卡使用单独的本地存储

我试图使同一域的不同选项卡不共享

本地存储

原因是我需要允许多个用户在不同的选项卡上进行身份验证。通过存储在本地存储器中的

JWT令牌

实现身份验证

到目前为止，我想到的解决办法如下：

• 在匿名模式下打开一个新选项卡（遗憾的是，在技术上不可行）
• 使用库，例如并通过父子通信告诉子选项卡使用会话存储而不是本地存储

---

是否有办法让父选项卡打开子选项卡并让其使用“非同步”存储？如果没有，您将使用什么策略？

也许您只需在

localStorage

中的键中添加一些与用户相关的信息（如id）？这将允许为多个用户保留信息

---

请注意，它不会使信息私有化，但如果您可以切换一个选项卡以获取相同的信息，似乎您不需要它。

我需要允许多个用户在不同的选项卡上进行身份验证

为什么首先需要这样做？让我们确保这不是一个问题。@ChrisG我试图解释为什么我试图保留不同版本的本地存储，只是为了提供一些上下文：）这不是我所要求的；为什么需要在同一浏览器中对多个用户进行身份验证？您是否阅读了此线程@ChrisG很抱歉，但是你能帮助我理解多用户身份验证的原因是如何相关的吗？我确信这不是一个XY问题，因为多用户身份验证只是一个例子。它可以是其他任何东西。我只是想找出在相同的域选项卡之间区分本地存储的方法