SessionStorage 不跨标签页共享，每个标签页拥有独立实例，关闭即清空；新开同URL标签页会初始化空的 sessionStorage，刷新保留数据；需用 localStorage+storage 事件等方案实现跨标签同步。
SessionStorage 本身不跨标签页共享数据，每个标签页（包括同一页面的多个副本）都有独立的 sessionStorage 实例。所以它不能“缓存临时打开的标签页数据”——它只保存当前标签页自身的临时数据。
SessionStorage 的作用范围
它按浏览器 tab（或 iframe）隔离，关闭该标签页后数据自动清空。新开一个标签页访问同一 URL，会得到全新的、空的 sessionStorage。
- 同源窗口间无法直接读写彼此的 sessionStorage
- 即使 URL 完全相同，两个标签页的 sessionStorage 互不影响
- 刷新页面不会清空 sessionStorage，但关闭标签页会
想让多个标签页共享临时数据？用其他方案
如果目标是“在用户新开的标签页中拿到之前页面的操作状态”，sessionStorage 不适用，可考虑：
-
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（仅当前页有效）：
Ai Coach Batch Session Summary
下载
批量分析录音转写，输出多维度拓客报告。触发词：录音分析、总结、音频总结、拜访记录总结。当用户提及「分析录音」「看看录音数据」「最近的录音」「通话记录」且意图为批量统计/分析时触发。仅出现「录音」或「拜访」时需结合上下文，若仅查看单条详情则不触发。
立即学习“Java免费学习笔记（深入）”；
sessionStorage.setItem('searchQuery', '前端面试题')const query = sessionStorage.getItem('searchQuery')- 页面跳转（如
location.href或 router 导航）后仍可读取 - 避免存敏感信息，因同源脚本均可访问
调试小技巧
在 Chrome DevTools 的 Application → Storage → Session Storage 下，可以直观看到当前标签页的键值对，方便验证是否写入成功或被意外清除。
不复杂但容易忽略：sessionStorage 是字符串存储，对象要 JSON.stringify() 后存，读取时记得 JSON.parse()。
