ExtendableMessageEvent.origin

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.

origin は ExtendableMessageEvent インターフェイスの読み取り専用プロパティで、メッセージを送信した Client のオリジンを返します。

値

文字列です。

例

次のコードをサービスワーカー内で使用して、 PushMessageData を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは ExtendableMessageEvent になります。

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.origin);
  port = e.ports[0];
};

仕様書

Specification
Service Workers
# extendablemessage-event-origin

ブラウザーの互換性

BCD tables only load in the browser

関連情報