Broadcastchannel如何实现同域网页本机消息互通?
网友回复
BroadcastChannel API 可以在浏览器中进行跨窗口或跨标签页的通信。BroadcastChannel 允许同源的多个浏览器上下文(如窗口、标签页、iframe 等)之间进行消息传递。
以下是完整的代码示例,包括发送和接收消息的部分:
HTML 部分<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BroadcastChannel Example</title> </head> <body> <input type="text" id="input" placeholder="Enter message"> <button id="sendButton">Send Message</button> <div id="output"></div> <script> // 1. 创建 BroadcastChannel 实例 const bc = new BroadcastChannel('my-channel'); // 2. 发送消息 const button = document.getElementById('sendButton'); const input = docu...
点击查看剩余70%