localstorage支持跨标签页共享与storage事件通知，sessionstorage则完全隔离、无通信能力；前者通过事件广播实现同步，后者需单页内自行管理状态。
localStorage 和 sessionStorage 在同步机制上根本不同：前者支持跨标签页共享与事件通知，后者完全隔离、互不感知。
localStorage 具备跨标签页同步能力
同一域名下的所有标签页共用一份 localStorage 数据。一个标签页修改后，其他同源标签页虽然不会自动更新变量值，但能通过监听 storage 事件感知变化：
- 修改发生在 A 标签页 → B 标签页触发
window.addEventListener('storage', callback) - 事件对象包含
key、oldValue、newValue、url等信息 - 注意：触发事件的页面自身不会收到该事件（即修改者不监听自己的操作）
sessionStorage 没有同步机制
每个标签页拥有完全独立的 sessionStorage 实例，彼此之间既不共享数据，也无法通信或监听对方变更：
Ai Coach Batch Session Summary
下载
批量分析录音转写，输出多维度拓客报告。触发词：录音分析、总结、音频总结、拜访记录总结。当用户提及「分析录音」「看看录音数据」「最近的录音」「通话记录」且意图为批量统计/分析时触发。仅出现「录音」或「拜访」时需结合上下文，若仅查看单条详情则不触发。
- 在标签页 A 中 setItem('user', 'Alice')，标签页 B 读不到这个值
- 即使 A 和 B 是同一页面、同源打开，sessionStorage 也互不影响
- 不存在 storage 事件监听 —— 因为没有“跨实例同步”这个概念
两者都不可自动响应式更新变量
无论 localStorage 还是 sessionStorage，读取数据后得到的是快照值，后续存储区变化不会自动更新已声明的 JS 变量：
-
const name = localStorage.getItem('name')→ 此后 localStorage 修改 'name'，name变量值不变 - 如需响应式，必须手动重新 getItem 或依赖 storage 事件 + 主动刷新逻辑
- sessionStorage 因无跨页通信能力，更需在单页内自行管理状态生命周期
实际开发中要注意的同步边界
同步不是“实时双向绑定”，而是“变更广播+主动响应”：
- localStorage 的 storage 事件只在同源窗口间触发，跨域、iframe 不同源时无效
- 隐私模式下，部分浏览器会禁用 storage 事件或限制 localStorage 写入
- sessionStorage 的“隔离性”是设计使然，适合避免多标签干扰，比如表单草稿互不覆盖
