sessionStorage多Tab标签页数据共享问题分析

问题描述

在 A 页面设置一些 sessionStorage 数据，然后 a 标签 _blank 方式打开另一个 tab B 页面，发现 B 页面有A 页面的 sessionStorage 数据。

问题原因

不同 tab 页面 sessionStorage 数据出现了 “共享”。

sessionStorage

为什么会共享呢？下面看下 sessionStorage 的官方 MDN 介绍：

• 页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。
• 在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文，这点和 session cookie 的运行方式不同。
• 打开多个相同的 URL 的 Tabs 页面，会创建各自的 sessionStorage。
• 关闭对应浏览器标签或窗口，会清除对应的 sessionStorage。

• 存储在 sessionStorage 中的数据

   1/3    1 2 3 下一页 尾页

  本文配套模板、静态源码可前往艾立兹素材库alisucai.com下载