ExtendableMessageEvent
Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
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.data
Lecture seule-
Retourne les données de l'évenements. Il peut être de n'importe quel type.
ExtendableMessageEvent.origin
Lecture seule-
Retourne l'origine du
ServiceWorkerClient
qui envoie le message. ExtendableMessageEvent.lastEventId
Lecture seule-
Représente, dans un server-sent events, le dernier ID de l'évenement source.
ExtendableMessageEvent.source
Lecture seule-
Retourne une référence vers le service worker qui envoie le message.
ExtendableMessageEvent.ports
Lecture seule-
Retourne un tableau contenant l'objet
MessagePort
repré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
BCD tables only load in the browser