不同域和来源的浏览器窗口/标签之间的通信
创始人
2025-01-09 23:00:53
0

使用postMessage API进行通信

示例代码:在窗口1中发送消息,窗口2接收并响应消息

在窗口1中:

const targetOrigin = 'http://localhost:8080'; // 目标窗口的源
const targetWindow = window.open(targetOrigin); // 打开目标窗口

const message = 'Hello from window 1!'; // 发送的消息
targetWindow.postMessage(message, targetOrigin); // 发送消息到目标窗口

在窗口2中:

window.addEventListener('message', function(event) {
  if (event.origin !== 'http://localhost:8080') return; // 来源不匹配,忽略
  if (event.data === 'Hello from window 1!') { // 接收到正确的消息
    console.log('Received message:', event.data);
    const responseMessage = 'Hello from window 2!'; // 响应消息
    event.source.postMessage(responseMessage, event.origin); // 发送响应消息
  }
});

相关内容

热门资讯

智星德州菠萝外挂!pokerm... 智星德州菠萝外挂!pokermaster是不是有外挂,德扑之星隐藏功能在哪,透视教程(竟然是有挂)准...
黑科技辅助!(wpK)透视辅助... 黑科技辅助!(wpK)透视辅助器,(WPk)最初存在有挂,第三方教程(有挂攻略);wpK软件透明挂更...
德州ai人工智能!poker有... 1、德州ai人工智能!poker有没有外挂,轰趴大菠萝辅助器,揭秘教程(一直存在有挂)2、进入游戏-...
黑科技最新!(微扑克)透视辅助... 黑科技最新!(微扑克)透视辅助器,(wpk微扑克)切实有挂,曝光教程(有挂软件);1分钟了解详细教程...
Wpk辅助DPpoker!拱趴... 自定义拱趴大菠萝免费辅助器系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...
黑科技透明挂!(微扑克)透视辅... 黑科技透明挂!(微扑克)透视辅助器,(微扑克)切实是真的有挂,解说技巧(有挂透视);致您一封信;亲爱...
wepoke透明挂辅助!wpk... wepoke透明挂辅助!wpk代打是真的吗,微扑克有假吗,力荐教程(原先有挂);人气非常高,ai更新...
黑科技科技!(wepoke)软... 黑科技科技!(wepoke)软件透明挂,(WEPOke)原生是真的有挂,黑科技教程(有挂透视);大神...
微扑克透明挂!德州wepowe... 微扑克透明挂!德州wepower透视辅助,微扑克发牌规律性总结,介绍教程(一贯是有挂);建议优先通过...
黑科技讲解!(微扑克)透视辅助... 1、黑科技讲解!(微扑克)透视辅助机制,(微扑克)从来是有挂,总结教程(有挂攻略);详细教程。2、微...