多个选项卡LocalStorage单用户用例

时间:2015-03-02 14:26:55

标签: javascript jquery html5 local-storage

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

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

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

1 个答案:

答案 0 :(得分:10)

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

在这里阅读更多内容:

HTML5 Web Storage

Scope of sessionStorage and localStorage