[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ja/docs/Web/API/ServiceWorkerContainer/message_event [Back]  [Original]

ServiceWorkerContainer: message - Web API | MDN

MDN Web Docs

View in English Always switch to English

ServiceWorkerContainer: message

Baseline

20184

: (HTTPS)

message

addEventListener()

js
addEventListener("message", (event) => {});

onmessage = (event) => {};

MessageEvent Event

Event MessageEvent

Event

MessageEvent.data

MessageEvent.origin

MessageEvent.lastEventId

ID

MessageEvent.source

MessageEventSource WindowProxyMessagePortServiceWorker

MessageEvent.ports

MessagePort

fetch ID Client.postMessage

js
// 
async function messageClient(clientId) {
  const client = await clients.get(clientId);
  client.postMessage("");
}

addEventListener("fetch", (event) => {
  messageClient(event.clientId);
  event.respondWith(() => {
    // 
  });
});

message

js
// main.js
navigator.serviceWorker.addEventListener("message", (message) => {
  console.log(message);
});

onmessage

js
// main.js
navigator.serviceWorker.onmessage = (message) => {
  console.log(message);
};

Service Workers Nightly
# dom-serviceworkercontainer-onmessage


Web Proxy Viewer  |  New URL  |  Original Page