什么?sessionStorage可以跨页签?

99%的前端都知道,sessionStorage可以不可以跨页签共享。即便是同一个域名,打开两个浏览器页签,sessionStorage相互独立,各自维护自己的sessionStorage。

然而,MDN介绍了一种特殊情况

在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文,这点和 session cookie 的运行方式不同。

也就是从一个窗口打开另一个同源窗口时,新窗口会带上原窗口的sessionStorage。

举个栗子

在当前窗口设置sessionStorage

通过window.open('http://localhost:3000/','_blank')打开新窗口时会带上原sessionStorage:

但是这并不意味着sessionStorage可以跨页签共享!

在其中一个窗口修改sessionStorage,另一个窗口的sessionStorage并不会跟着改变

因此,当使用sessionStorage作标记判断,且存在用户打开多窗口场景时,需要注意sessionStorage的跨页签

相关推荐
天外飞雨道沧桑13 小时前
TypeScript 中 omit 和 record 用法
前端·javascript·typescript
Lee川13 小时前
mini-cursor 揭秘:从 Tool 定义到 Agent 循环的完整实现
前端·人工智能·后端
canonical_entropy14 小时前
从 Spec-Driven Development 到 Attractor-Guided Engineering
前端·aigc·ai编程
研☆香14 小时前
聊聊前端页面的三种长度单位
前端
给钱,谢谢!15 小时前
React + PixiJS 实现果园成长页:从状态机到浇水动画
前端·react.js·前端框架
暗冰ཏོ16 小时前
VUE面试题大全
前端·javascript·vue.js·面试
次元工程师!16 小时前
LangFlow开发(三)—Bundles组件架构设计(3W+字详细讲解)
java·前端·python·低代码·langflow
Bug-制造者17 小时前
现代Web应用全栈开发:从架构设计到部署落地实战
前端
青春喂了后端17 小时前
IntelliGit 前端状态层重构:把一个全局 Store 拆成清晰的状态边界
前端·重构·状态模式
霜落花轻扬17 小时前
在新选项卡中显示链接【html中 target=“_blank“】
前端·html