什么?sessionStorage可以跨页签?

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

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

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

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

举个栗子

在当前窗口设置sessionStorage

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

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

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

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

相关推荐
牛奔7 分钟前
mise 管理多版本 Go 项目
开发语言·前端·chrome·后端·golang
能源革命1 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js
PC2005_cloud1 小时前
AI 汉字漂移实录:它为什么总把「学习」写成日语「学習」
前端·后端
穆梓兰煊1 小时前
AI供应链安全不再只是包安全,还涉及模型与数据
前端·数据库
RaaS1001 小时前
AI网关能做Prompt注入防护吗?AI网关核心功能详解
前端·后端
deli0072 小时前
Skill 怎么写才被 Agent 命中?18 条规则做成 SKILL.md 校验器,规范样例 92 分
前端
Hum8le2 小时前
CTF题目《easy_web》(安洵杯 2019 变种 Web)
前端·安全·web安全
coding漫漫长路2 小时前
二值化后还剩1212个黑点,OCR却认成了乱码
前端
不可能片场2 小时前
AI视频口型对齐 用音频驱动说话镜头
前端·electron
Lank_M2 小时前
OCR一个字没认错,倾斜2.5°却把行序排乱了
前端