Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/API/ExtendableMessageEvent below:

ExtendableMessageEvent - Web API | MDN

Baseline Widely available

ExtendableMessageEvent はサービスワーカー API のインターフェイスで、（別のコンテキストからのメッセージを ServiceWorkerGlobalScope で受信した時に）サービスワーカーで発生する message イベントのイベントオブジェクトを表し、このようなイベントの存続期間を延長します。

このインターフェイスは、ExtendableEvent インターフェイスを継承しています。

ExtendableMessageEvent()

新しい ExtendableMessageEvent オブジェクトのインスタンスを作成します。

親の ExtendableEvent からプロパティを継承しています。

ExtendableMessageEvent.data 読取専用

イベントのデータを返します。 任意のデータ型が使用できます。

ExtendableMessageEvent.origin 読取専用

メッセージを送信した Client のオリジンを返します。

ExtendableMessageEvent.lastEventId 読取専用

サーバー送信イベントにおける、イベントソースの最後のイベント ID を表します。 これは空文字列です。

ExtendableMessageEvent.source 読取専用

メッセージを送信した Client オブジェクトへの参照を返します。

ExtendableMessageEvent.ports 読取専用

関連するメッセージチャンネルのポートを表す MessagePort オブジェクトを含む配列を返します。

親の ExtendableEvent からメソッドを継承しています。

以下の例では、ページが ServiceWorkerRegistration.active を介して ServiceWorker オブジェクトへのハンドルを取得し、その postMessage() 関数を呼び出します。

// 制御されているページ内
if (navigator.serviceWorker) {
  navigator.serviceWorker.register("service-worker.js");

  navigator.serviceWorker.addEventListener("message", (event) => {
    // event は MessageEvent オブジェクトです
    console.log(`The service worker sent me a message: ${event.data}`);
  });

  navigator.serviceWorker.ready.then((registration) => {
    registration.active.postMessage("Hi service worker");
  });
}

サービスワーカーは次のようにして、 message イベントを待ち受けしてメッセージを受信できます。

// サービスワーカー内
addEventListener("message", (event) => {
  // event は ExtendableMessageEvent オブジェクトです
  console.log(`The client sent me a message: ${event.data}`);

  event.source.postMessage("Hi client");
});

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4