Die Broadcast Channel API ist eine JavaScript-API, die zur Kommunikation zwischen verschiedenen Fenstern oder Registerkarten verwendet wird. Es bietet eine einfache und leistungsstarke Möglichkeit zum Senden und Empfangen von Nachrichten und ermöglicht die gemeinsame Nutzung von Daten und Status zwischen verschiedenen Fenstern in Echtzeit. In diesem Artikel werden die Grundkonzepte der Broadcast-Kanal-API vorgestellt und entsprechende Quellcodebeispiele bereitgestellt.
Was ist die Broadcast-Kanal-API?
Die Broadcast-Channel-API ist eine neue Funktion in HTML5, die die Kommunikationsanforderungen zwischen mehreren Fenstern oder Registerkarten erfüllen soll. Es ermöglicht einen dauerhaften bidirektionalen Kommunikationskanal zwischen verschiedenen Fenstern, sodass diese Informationen in Echtzeit austauschen können.
Normalerweise ist die Kommunikation zwischen verschiedenen Fenstern relativ schwierig. In herkömmlichem JavaScript können wir window.postMessage()diese Methode verwenden, um eine fensterübergreifende Kommunikation zu erreichen, es ist jedoch das Schreiben von zusätzlichem Code in jedem Fenster erforderlich, um Nachrichtenereignisse zu verarbeiten. Die Broadcast-Channel-API stellt eine einfachere und effizientere Lösung dar. Sie kapselt die zugrunde liegenden Kommunikationsdetails, sodass sich Entwickler auf das Senden und Empfangen von Nachrichten konzentrieren können.
Wie verwende ich die Broadcast-Kanal-API?
Die Verwendung der Broadcast-Kanal-API erfordert die Kommunikation zwischen zwei oder mehr Fenstern. Unten sehen Sie ein Beispiel, das zeigt, wie Nachrichten zwischen zwei Fenstern gesendet und empfangen werden.
Zuerst erstellen wir eine Hauptseite index.htmlmit zwei Schaltflächen, um zwei Unterfenster zu öffnen:
<!DOCTYPE html>