跨页面通信-localStorage

---

监听

在需要监听storage的页面，增加监听：

window.addEventListener('storage', (e) => {
	// e.key: storage的key
	// e.oldValue: 更新前的值
	// e.oldValue: 更新后的值
    console.log('e', e)
})

总结

适用于跨页面通信
非激活页面会执行回调（有待详细研究），激活页面不会触发（有待详细研究）
例如：pageA修改storage值，pageB会执行回调，pageA本页面不会执行回调。

为了保证性能，记得移除及时事件监听

window.addEventListener("storage", (e) => {})