搜索

回答

浏览器窗口之间可以通过以下三种方式进行消息传递：

LocalStorage / SessionStorage

LocalStorage 和 SessionStorage 是浏览器提供的本地存储机制，可以在不同的浏览器窗口之间共享数据。当一个窗口修改了存储的值时，其他窗口会触发 storage 事件，可以通过该事件接收到其他窗口的数据。

// 发送消息
localStorage.setItem('message', 'hello');

// 接收消息
window.addEventListener('storage', function(event) {
if (event.key === 'message') {
console.log(event.newValue); // 'hello'
}
});

BroadcastChannel

BroadcastChannel 是一个跨窗口通信 API，可以在不同的浏览器窗口之间发送和接收消息。当一个窗口发送消息时，其他窗口会触发 message 事件，可以通过该事件接收到其他窗口的数据。

// 发送消息
const channel = new BroadcastChannel('my-channel');
channel.postMessage('hello');

// 接收消息
const channel = new BroadcastChannel('my-channel');
channel.addEventListener('message', function(event) {
console.log(event.data); //'hello'
});

Window.postMessage

Window.postMessage 是一个跨文档通信 API，可以在不同的浏览器窗口或 iframe 之间发送和接收消息。当一个窗口发送消息时，其他窗口会触发 message 事件，可以通过该事件接收到其他窗口的数据。

// 发送消息
otherWindow.postMessage('hello', 'https://example.com');

// 接收消息
window.addEventListener('message', function(event) {
if (event.origin === 'https://example.com') {
console.log(event.data); // 'hello'
}
});

需要注意的是，Window.postMessage 和 BroadcastChannel 都需要在接收消息的窗口中添加事件监听器，以接收其他窗口发送的消息。另外，为了安全起见，应该在接收消息时验证消息来源，以防止恶意脚本发送伪造的消息。

网友回复

我知道答案，我要回答

我有问题

回答

seedance2如何通过2张不同角度平视图来识别场景进行人物定位？

有没有免费的浏览器中离线运行的语音识别ai模型？

微信小程序个人版不交钱认证就不让你用二维码，报错"errcode":85411？

美丽国为啥要限制ai发展？

seedance2如何参考白模视频使用真实场景和人物生成新视频？

如何设定小孩看电视的时候每隔10分钟弹出一个题目，答对才能继续，答错继续下一题？

直播数字人根据公屏互动评论实时做出不用动作技术是什么？

未来ai文本大模型根据剧本直接生成像素风或三维白模或灰模粗糙场景动画html给视频大模型参考站位与运镜？

浏览器中如何将epub电子书转成txt文本格式？

有没有开源的工具直接完整下载番茄等平台的任意小说内容？