sessionstorage 不跨标签页共享，每个标签页拥有独立实例，关闭即清空；新开同url标签页会初始化空的 sessionstorage，刷新保留数据；需用 localstorage+storage 事件等方案实现跨标签同步。

SessionStorage 本身不跨标签页共享数据，每个标签页（包括同一页面的多个副本）都有独立的 sessionStorage 实例。所以它不能“缓存临时打开的标签页数据”——它只保存当前标签页自身的临时数据。

SessionStorage 的作用范围

它按浏览器 tab（或 iframe）隔离，关闭该标签页后数据自动清空。新开一个标签页访问同一 URL，会得到全新的、空的 sessionStorage。

• 同源窗口间无法直接读写彼此的 sessionStorage
• 即使 URL 完全相同，两个标签页的 sessionStorage 互不影响
• 刷新页面不会清空 sessionStorage，但关闭标签页会

想让多个标签页共享临时数据？用其他方案

如果目标是“在用户新开的标签页中拿到之前页面的操作状态”，sessionStorage 不适用，可考虑：

Ai Coach Batch Session Summary

批量分析录音转写，输出多维度拓客报告。触发词：录音分析、总结、音频总结、拜访记录总结。当用户提及「分析录音」「看看录音数据」「最近的录音」「通话记录」且意图为批量统计/分析时触发。仅出现「录音」或「拜访」时需结合上下文，若仅查看单条详情则不触发。

下载

• localStorage + 自定义事件监听：写入时用 window.dispatchEvent(new Event('storage')) 触发监听，配合 storage 事件监听变化（注意：仅在其他同源标签页触发）
• SharedWorker：多个页面共用一个 Worker 实例，通过端口通信同步状态（兼容性需留意）
• URL 参数传递：用 window.open(url + '?key=value') 把关键参数带过去，新页解析后使用
• postMessage + opener / iframe：如果是 JS 主动打开的标签页（window.open），可通过 opener 引用通信；或用 iframe 配合 postMessage

SessionStorage 的典型用法（正确姿势）

适合保存单页内生命周期一致的状态，比如表单草稿、筛选条件、临时 token（仅当前页有效）：

• sessionStorage.setItem('searchQuery', '前端面试题')
• const query = sessionStorage.getItem('searchQuery')
• 页面跳转（如 location.href 或 router 导航）后仍可读取
• 避免存敏感信息，因同源脚本均可访问

调试小技巧

在 Chrome DevTools 的 Application → Storage → Session Storage 下，可以直观看到当前标签页的键值对，方便验证是否写入成功或被意外清除。

不复杂但容易忽略：sessionStorage 是字符串存储，对象要 JSON.stringify() 后存，读取时记得 JSON.parse()。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南