多个选项卡LocalStorage单用户用例

我目前有一个SaaS B2B产品,如果它不在VPN背后,我很乐意展示它。 但案例是,它构建在Zend Framework之上,它使用Zend的会话处理。 这就是说,我的用户最近决定,最近对UI的各个端点进行了改进,他们希望同时在多个选项卡上使用服务,这当前不是当前支持的,而是希望继续改进。 我必须满足要求。 那就是说。 有了这一项服务,我一直用cookie来管理数据,因为页面可以重新加载,并且UI分别重新呈现以匹配重新加载的UI(重新加载由iFrame中的内容触发,因为我们不能从框架内传达父母子女。

然而,现在我的用户坚持在多个标签上尝试相同的操作以节省时间,这打破了UI,因为cookie没有任何形状或带有ID标记的表单,我甚至不知道如何暗示,因为我不一定能跟踪标签。 所以我知道我会给本地存储一个机会。 但是,我仍然不确定如何在多个选项卡上处理单个用户以防止在不同选项卡上使用UI数据,如果页面在给定时间刷新(可能会丢失localstorage中的数据),则更是如此?

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

是的,您可以使用localStorage存储Web应用程序的数据。 另外,请查看特定于窗口/选项卡的sessionStorage ,并按会话存储数据。

在这里阅读更多:

HTML5网络存储

sessionStorage和localStorage的范围