ExtendableMessageEvent: source Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.

Hinweis: Diese Funktion ist nur in Service Workers verfügbar.

Die schreibgeschützte source-Eigenschaft der ExtendableMessageEvent-Schnittstelle gibt eine Referenz auf das Client-Objekt zurück, von dem die Nachricht gesendet wurde.

Wert

Ein Client, ServiceWorker oder MessagePort-Objekt.

Beispiele

Wenn der folgende Code in einem Service Worker verwendet wird, um auf Push-Nachrichten zu reagieren, indem die über PushMessageData empfangenen Daten über eine Kanalnachricht an den Hauptkontext gesendet werden, wird das Ereignisobjekt von onmessage ein ExtendableMessageEvent sein.

js
let port;

self.addEventListener("push", (e) => {
  const obj = e.data.json();

  if (obj.action === "subscribe" || obj.action === "unsubscribe") {
    port.postMessage(obj);
  } else if (obj.action === "init" || obj.action === "chatMsg") {
    port.postMessage(obj);
  }
});

self.onmessage = (e) => {
  console.log(e.source);
  port = e.ports[0];
};

Spezifikationen

Specification
Service Workers
# extendablemessage-event-source

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch