javascript - 如何保持本地存储 session 特定？

Question

因此，我们有一个可通过电子邮件中的链接访问的 Web 应用程序。当用户单击链接时，我们调用 Web 服务将必要的数据拉取到客户端。然后，该数据在用户 session 期间存储在客户端的本地存储中，并在之后清除。

这里的问题是，如果用户单击链接两次并退出其中一个 session ，则这两个 session 的本地存储都会被清除。

所以我一直在考虑解决这个问题，以下是我可能的解决方案:

1. 对同一域的外部链接重复使用同一选项卡。但它的not possible截至目前。
2. 将 session ID 附加到本地存储的键中，并在注销时仅清除它们。但在这种情况下，如果有人没有正确注销，本地存储项目仍然会保留，我们不希望出现这种情况。

所以我想知道是否有任何方法可以保持本地存储 session 特定，或者我是否应该完全跳过本地存储。谢谢!

Answer 1

使用sessionStorage而不是localStorage。 sessionStorage 特定于选项卡，这些内容将在该选项卡上清除。但 sessionStorage 特定于一个 session ，即从打开的点窗口到该窗口关闭的时间。