localStorage 通过 storage 事件实现跨窗口状态共享，仅在其他同源窗口触发，适合作为轻量广播信道；推荐存标识而非敏感数据，配合时间戳/随机ID防竞态，并具备比 BroadcastChannel 更广的浏览器兼容性。
localStorage 本身不自动同步数据，但它能触发 storage 事件，这个事件只在其他同源窗口中被监听到——正是这个特性，让它成为跨窗口状态共享最轻量、最可靠的桥梁。
利用 storage 事件做实时通知
当一个窗口修改 localStorage 的某个 key，所有同源的其他窗口会立即收到 storage 事件。你可以把它当作“广播系统”：一个窗口发信号，其余窗口收信号并响应。
- 不要直接把敏感数据（如 token）全量存进 localStorage——它持久存在，有安全风险
- 推荐只存轻量标识或指令，比如
"authStatus: logged_in"或"syncRequest: true" - 事件回调里检查
event.key和event.newValue，避免误响应无关变更
模拟 sessionStorage 跨窗口同步
sessionStorage 天然隔离，但业务常需“新标签页自动登录”。方案是用 localStorage 当信使：
- 新窗口启动时，先检查
sessionStorage是否为空；若空，写入一个临时请求键（如localStorage.setItem('getAuth', Date.now())） - 已有窗口监听到该 key 变更，立刻把当前有效的登录态序列化后写入另一个 key（如
localStorage.setItem('authData', JSON.stringify(obj))） - 新窗口再监听
'authData'，拿到后写入自己的sessionStorage，并清理临时键
避免循环和竞态的关键细节
storage 事件不会在触发它的窗口中执行，这点可防止自循环，但仍需注意边界情况：
- 多个窗口同时启动？加时间戳或随机 ID 区分请求来源，避免互相覆盖
- 数据较大？先
JSON.stringify再存，读取时try/catch解析，防 JSON 格式错误中断流程 - 旧浏览器兼容？IE10+ 支持 storage 事件，Safari 隐私模式下 localStorage 可能被禁用，需降级 fallback（如轮询）
比 BroadcastChannel 更广的兼容性选择
BroadcastChannel API 更现代、支持同源窗口间双向通信，甚至能传自己发出的消息，但它在 Safari 旧版本和部分 WebView 中不可用。localStorage + storage 事件的优势在于：
- 几乎全平台支持（包括 iOS Safari 12.1+、Android Chrome）
- 无需额外创建频道实例，无内存泄漏风险（不像 BroadcastChannel 需手动 close）
- 天然适合“一写多读”场景，比如全局主题切换、用户偏好同步、多窗口 3D 场景坐标共享
