跨标签页通信首选broadcastchannel api，专为同源标签页广播设计，支持任意可序列化值、性能好、无副作用；兼容老浏览器时回退至localstorage+storage事件（ie8+支持，仅限字符串）；需中转逻辑用sharedworker；低频ui状态同步可用url hash。
优先用 BroadcastChannel（现代浏览器首选）
这是专为跨上下文广播设计的 API，语义清晰、性能好、无副作用。
- 创建同名频道即可自动连接所有同源标签页：
const bc = new BroadcastChannel('app-sync') - 发送任意可序列化的值（对象、数组、Date、ArrayBuffer 等），无需手动 JSON 处理
- 监听
message事件接收，messageerror捕获反序列化失败 - 记得调用
bc.close()释放资源，避免内存泄漏 - 注意：IE 完全不支持；Safari 15.4+ 才完整支持；旧版 Safari 可能丢消息
兼容老浏览器时回退到 localStorage + storage 事件
IE8+ 都支持，轻量但有明显限制，适合简单字符串同步。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 一个页面写入
localStorage.setItem('key', JSON.stringify(data)) - 其他同源页面监听
window.addEventListener('storage', e => {...}) -
关键细节：当前页修改不会触发自身事件；
e.oldValue在 Safari 中不可靠，只依赖e.newValue和e.key - 避免高频写入（如每秒多次），否则可能漏事件；建议加业务前缀（如
__cart_update）避免 key 冲突
需要中转逻辑或强一致性时考虑 SharedWorker
它是一个独立运行的脚本进程，所有同源页面都连向它，适合做消息路由、去重、缓存或权限校验。
- 页面通过
new SharedWorker('worker.js')连接，用port.postMessage()发送 - Worker 内通过
self.onconnect接收连接，维护 port 列表并广播或转发 - 优势在于可控性强，比如实现“仅允许一个标签页提交订单”这类互斥逻辑
- 缺点是 IE 不支持，调试困难，且页面关闭后 Worker 可能继续运行，需主动管理生命周期
仅同步 UI 状态可用 URL hash 或 history.state
不适用于实时通信，但在导航类场景下轻量有效，比如保持某个面板展开状态。
- 点击按钮后执行
history.replaceState(null, '', '#panel=open') - 监听
window.addEventListener('hashchange', ...)响应变化 - 优点是天然跨页面、无需额外初始化；缺点是只能传字符串，且会留下浏览器历史记录
- 适合低频、用户可见的状态同步，不适合后台数据刷新
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
