sessionStorage天然支持单标签页隔离，因其作用域限定为当前浏览上下文（即单个标签页），同源新标签页会创建独立实例，刷新保留、关闭清空，且不同标签页间数据完全不共享。

SessionStorage 本身就在单标签页内天然隔离，每个标签页（或 iframe）拥有独立的 sessionStorage 实例，不同标签页之间完全不共享数据。这种隔离由浏览器原生保证，无需额外实现。

为什么 sessionStorage 天然支持单标签页隔离

sessionStorage 的作用域是“当前浏览上下文”（browsing context），包括：

• 同一个浏览器窗口/标签页中的所有脚本（含内嵌 iframe，但需同源）
• 新开的标签页（即使 URL 相同）会创建全新的 sessionStorage 实例
• 页面刷新、前进后退均保留当前标签页的 sessionStorage 数据
• 关闭标签页时，对应 sessionStorage 自动清空

验证隔离性的简单示例

在标签页 A 中执行：

sessionStorage.setItem('user', 'alice');

在新标签页 B（访问同一页面）中执行：

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

立即学习“Java免费学习笔记（深入）”；

console.log(sessionStorage.getItem('user')); // null

结果为 null，说明 B 标签页无法读取 A 的数据——这就是隔离的体现。

注意 iframe 的边界情况

同源 iframe 共享父页面的 sessionStorage；跨域 iframe 则各自隔离（且父页无法访问其 sessionStorage）。若需严格单标签页级隔离，避免依赖同源 iframe 传值，因其本质上属于同一浏览上下文。

不要混淆 sessionStorage 和 localStorage

localStorage 是域名级共享，所有同源标签页共用一份数据；而 sessionStorage 是标签页级私有。如果误用 localStorage 替代，就会破坏单标签页隔离目标。