diff options
Diffstat (limited to 'files/fr/web/api/extendablemessageevent/data/index.md')
| -rw-r--r-- | files/fr/web/api/extendablemessageevent/data/index.md | 68 |
1 files changed, 28 insertions, 40 deletions
diff --git a/files/fr/web/api/extendablemessageevent/data/index.md b/files/fr/web/api/extendablemessageevent/data/index.md index fa74ec3d7d..ca1b492b22 100644 --- a/files/fr/web/api/extendablemessageevent/data/index.md +++ b/files/fr/web/api/extendablemessageevent/data/index.md @@ -9,23 +9,24 @@ tags: - Service Workers translation_of: Web/API/ExtendableMessageEvent/data --- -<div>{{APIRef("Service Workers API")}}{{SeeCompatTable}}</div> +{{APIRef("Service Workers API")}}{{SeeCompatTable}} -<p>La propriété <code><strong>data</strong></code> est une propriété en lecture seule rattachée à l'interface {{domxref("ExtendableMessageEvent")}} et qui permet d'accéder aux données de l'évènement. Il peut s'agir de n'importe quel type de donnée.</p> +La propriété **`data`** est une propriété en lecture seule rattachée à l'interface {{domxref("ExtendableMessageEvent")}} et qui permet d'accéder aux données de l'évènement. Il peut s'agir de n'importe quel type de donnée. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">var mesDonnees = ExtendableMessageEventInstance.data;</pre> + var mesDonnees = ExtendableMessageEventInstance.data; -<h3 id="Valeur">Valeur</h3> +### Valeur -<p>N'importe quel type de donnée.</p> +N'importe quel type de donnée. -<h2 id="Exemples">Exemples</h2> +## Exemples -<p>Quand le code suivant est utilisé dans un service worker pour répondre à un message <em>push</em> en envoyant les données reçues par {{domxref("PushMessageData")}} au contexte principal via un <a href="/fr/docs/Web/API/Channel_Messaging_API">message</a>, l'objet de l'évènement <code>onmessage</code> sera un <code>ExtendableMessageEvent</code>.</p> +Quand le code suivant est utilisé dans un service worker pour répondre à un message _push_ en envoyant les données reçues par {{domxref("PushMessageData")}} au contexte principal via un [message](/fr/docs/Web/API/Channel_Messaging_API), l'objet de l'évènement `onmessage` sera un `ExtendableMessageEvent`. -<pre class="brush: js">var port; +```js +var port; self.addEventListener('push', function(e) { var obj = e.data.json(); @@ -41,34 +42,21 @@ self.onmessage = function(e) { console.log(e.data); port = e.ports[0]; } -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('Service Workers', '#extendablemessage-event-data-attribute', 'ExtendableMessageEvent.data')}}</td> - <td>{{Spec2('Service Workers')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.ExtendableMessageEvent.data")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers">Utiliser les <em>Service Workers</em></a></li> - <li><a href="https://github.com/mdn/sw-test">Exemple simple utilisant les <em>service workers</em></a></li> - <li><a href="https://jakearchibald.github.io/isserviceworkerready/">État d'avancement de l'implémentation pour <em>ServiceWorker</em> dans les navigateurs</a></li> - <li><a href="/fr/docs/Web/API/Channel_Messaging_API">Échange de messages entre les canaux</a></li> -</ul> +``` + +## Spécifications + +| Spécification | État | Commentaire | +| -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- | +| {{SpecName('Service Workers', '#extendablemessage-event-data-attribute', 'ExtendableMessageEvent.data')}} | {{Spec2('Service Workers')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.ExtendableMessageEvent.data")}} + +## Voir aussi + +- [Utiliser les _Service Workers_](/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers) +- [Exemple simple utilisant les _service workers_](https://github.com/mdn/sw-test) +- [État d'avancement de l'implémentation pour _ServiceWorker_ dans les navigateurs](https://jakearchibald.github.io/isserviceworkerready/) +- [Échange de messages entre les canaux](/fr/docs/Web/API/Channel_Messaging_API) |