Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

ExtendableMessageEvent.ports

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨avril 2018⁩.

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

La propriété en lecture seule ports de l'interface ExtendableMessageEvent retourne un tableau contenant les objects MessagePort représentants les ports associés aux canaux de messages associés (le canal du message est envoyé).

Syntaxe

js
var myPorts = ExtendableMessageEventInstance.ports; 

Value

Un tableau de MessagePort.

Exemples

Le code suivant est utilisé, dans un service worker, pour répondre à un message push en envoyant les données reçues par le PushMessageData au contexte principale, via le canal de messages. L'objet événement de onmessage sera un ExtendableMessageEvent.

js
var port; self.addEventListener("push", function (e) { var 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 = function (e) { port = e.ports[0]; }; 

Spécifications

Specification
Service Workers
# extendablemessage-event-ports

Compatibilité des navigateurs

Voir aussi