ExtendableMessageEvent.source
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.
source
は ExtendableMessageEvent
インターフェイスの読み取り専用プロパティで、メッセージの送信元の Client
オブジェクトへの参照を返します。
値
Client
、ServiceWorker
、MessagePort
の何れかのオブジェクトです。
例
次のコードをサービスワーカー内で使用して、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.source);
port = e.ports[0];
};
仕様書
Specification |
---|
Service Workers # extendablemessage-event-source |
ブラウザーの互換性
BCD tables only load in the browser