javascript - 多选项卡 LocalStorage 单用户用例

Question

我目前有一个 SaaS B2B 产品，如果它不在 VPN 后面，我很乐意展示它作为示例。但情况是，它建立在 Zend Framework 之上，它使用 Zend 的 session 处理。也就是说，我的用户最近决定，随着最近对 UI 各个端的改进，他们希望一次跨多个选项卡使用该服务，目前尚不完全支持，但以希望不断改进的名义。我必须满足要求。就是说。通过这一项服务，我一直在使用 cookie 管理数据，因为可以重新加载页面，并且分别重新呈现 UI 以匹配重新加载的 UI(重新加载由 iFrame 中的内容触发，因为我们不能在框架内与父子沟通。

但是，现在我的用户坚持在多个选项卡上执行相同的操作以试图节省时间，这会破坏 UI，因为 cookie 没有以任何方式标记 ID，我什至不会从中标记 ID知道如何暗示，因为我不一定能跟踪标签。因此，有了这一切，我想我会试试本地存储。但是我仍然不确定如何在多个选项卡上处理单个用户以防止在不同选项卡上使用 UI 数据，如果页面在给定时间刷新可能会丢失本地存储中的数据，更是如此？

所以我想弄清楚所有的一切。是如何跨一个或多个选项卡管理这个单个用户，而不让一个选项卡数据干扰其他选项卡数据，因为操作和用户界面都包含在同一域中。 (这是否澄清了什么更好？)

Answer 1

是的，您可以使用 localStorage 为您的网络应用程序存储数据。另外，请查看 sessionStorage，它是特定于窗口/选项卡的，并在每个 session 中存储数据。

在这里阅读更多:

HTML5 Web Storage

Scope of sessionStorage and localStorage