当前位置: 主页 > 网络编程 > JavaScript >

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

时间:2023-12-28 15:17来源:网络 作者:秩名 点击:
问题描述 在 A 页面设置一些 sessionStorage 数据,然后 a 标签 _blank 方式打开另一个 tab B 页面,发现 B 页面有A 页面的 sessionStorage 数据。 问题原因 不同 tab 页面 sessionStorage 数据出现了 共

问题描述

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

问题原因

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

sessionStorage

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

  • 页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。
  • 在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文,这点和 session cookie 的运行方式不同。
  • 打开多个相同的 URL 的 Tabs 页面,会创建各自的 sessionStorage
  • 关闭对应浏览器标签或窗口,会清除对应的 sessionStorage
  • 存储在 sessionStorage 中的数据 (责任编辑:阿里技术)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片