ExtendableMessageEvent
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis 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.
L'interface ExtendableMessageEvent de ServiceWorker API représentes un objet d'évenement qu'un évènement message lance pour un service worker (quand un canal de message est reçu sur le ServiceWorkerGlobalScope depuis un autre context) — étends la durée de vie de ces évènements.
Cette interface hérite de l'interface ExtendableEvent.
Constructeur
ExtendableMessageEvent.ExtendableMessageEvent()-
Crée une nouvelle instance de l'objet
ExtendableMessageEvent.
Propriétés
Hérite des propriétés de son parent, ExtendableEvent.
ExtendableMessageEvent.dataLecture seule-
Retourne les données de l'évenements. Il peut être de n'importe quel type.
ExtendableMessageEvent.originLecture seule-
Retourne l'origine du
ServiceWorkerClientqui envoie le message. ExtendableMessageEvent.lastEventIdLecture seule-
Représente, dans un server-sent events, le dernier ID de l'évenement source.
ExtendableMessageEvent.sourceLecture seule-
Retourne une référence vers le service worker qui envoie le message.
ExtendableMessageEvent.portsLecture seule-
Retourne un tableau contenant l'objet
MessagePortreprésentant les ports associés au canal de messagerie.
Méthodes
Hérite des méthodesde son parent, ExtendableEvent.
Exemples
Le code suivant est utilisé dans un service worker pour répondre à un message push en envoyant les données reçues via PushMessageData au contexte principale via un channel message, l'objet d'évènement du onmessage sera un ExtendableMessageEvent.
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) {
console.log(e);
port = e.ports[0];
};
Spécifications
| Specification |
|---|
| Service Workers # extendablemessageevent-interface |
Compatibilité des navigateurs
Chargement…