多选项卡 LocalStorage 单用户用例

Multiple Tab LocalStorage single user Use case

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

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

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

是的,您可以使用 localStorage 为您的网络应用程序存储数据。另外,请查看 sessionStorage,它是 window/tab 特定的,并在每个会话中存储数据。

在此处阅读更多内容:

HTML5 Web Storage

Scope of sessionStorage and localStorage