什么?sessionStorage可以跨页签?

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

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

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

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

举个栗子

在当前窗口设置sessionStorage

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

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

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

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

相关推荐
苏打水com2 小时前
网易前端业务:内容生态与游戏场景下的「沉浸式体验」与「性能优化」实践
前端·游戏·性能优化
恋猫de小郭2 小时前
React 和 React Native 不再直接归属 Meta,React 基金会成立
android·前端·ios
掘金安东尼2 小时前
前端周刊434期(2025年9月29日–10月5日)
前端·javascript·面试
brzhang3 小时前
当我第一次看到 snapDOM,我想:这玩意儿终于能解决网页「截图」这破事了?
前端·后端·架构
掘金安东尼3 小时前
前端周刊433期(2025年9月22日–9月28日)
前端·javascript·github
万少3 小时前
我的HarmonyOS百宝箱
前端
江城开朗的豌豆3 小时前
uni-app弹层遮罩难题?看我如何见招拆招!
前端·javascript·微信小程序
江城开朗的豌豆3 小时前
小程序生命周期漫游指南:从诞生到落幕的完整旅程
前端·javascript·微信小程序
亿元程序员3 小时前
100个Cocos实例之双摇杆(57/100)
前端