ServiceWorkerContainer: событие messageerror

Событие messageerror срабатывает в ServiceWorkerContainer, когда приходящее сообщение, отправленное ассоциированному рабочему потоку, не может быть десериализовано.

Это событие не отменяется и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

addEventListener("messageerror", (event) => {});

onmessageerror = (event) => {};

Тип MessageEvent. Наследуется от Event.

Этот интерфейс также наследует свойства от своего родителя, Event.

MessageEvent.data Только для чтения

Данные, отправленные отправителем сообщения.

MessageEvent.origin Только для чтения

Строка, представляющая происхождение отправителя сообщения.

MessageEvent.lastEventId Только для чтения

Строка, представляющая уникальный идентификатор события.

MessageEvent.source Только для чтения

Объект MessageEventSource (который может быть WindowProxy, MessagePort или ServiceWorker), представляющий отправителя сообщения.

MessageEvent.ports Только для чтения

Массив объектов MessagePort, представляющих порты, связанные с каналом, через который отправляется сообщение (где это уместно, например, при обмене сообщениями через канал или при отправке сообщения в общий рабочий поток).

В этом примере рабочий поток получает идентификатор клиента из события fetch и отправляет ему сообщение с помощью Client.postMessage:

// service-worker.js
async function messageClient(clientId) {
  const client = await self.clients.get(clientId);
  client.postMessage("Hi client!");
}

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

Рабочий поток может прослушивать ошибку десериализации сообщения, прослушивая событие messageerror:

// main.js
navigator.serviceWorker.addEventListener("messageerror", (event) => {
  console.error("Receive message from service worker failed!");
});

В качестве альтернативы, сценарий может прослушивать ошибку десериализации сообщения, используя onmessageerror:

// main.js
navigator.serviceWorker.onmessageerror = (event) => {
  console.error("Receive message from service worker failed!");
};

• message
• Client.postMessage()
• Использование Service Workers
• Пример кода Service Workers
• Использование веб-рабочих потоков