diff options
Diffstat (limited to 'files/fr/web/api/windowclient')
| -rw-r--r-- | files/fr/web/api/windowclient/focus/index.md | 59 | ||||
| -rw-r--r-- | files/fr/web/api/windowclient/focused/index.md | 55 | ||||
| -rw-r--r-- | files/fr/web/api/windowclient/index.md | 95 | ||||
| -rw-r--r-- | files/fr/web/api/windowclient/navigate/index.md | 47 | ||||
| -rw-r--r-- | files/fr/web/api/windowclient/visibilitystate/index.md | 57 |
5 files changed, 130 insertions, 183 deletions
diff --git a/files/fr/web/api/windowclient/focus/index.md b/files/fr/web/api/windowclient/focus/index.md index b78542bb67..4c1a00417c 100644 --- a/files/fr/web/api/windowclient/focus/index.md +++ b/files/fr/web/api/windowclient/focus/index.md @@ -12,62 +12,53 @@ tags: - WindowClient translation_of: Web/API/WindowClient/focus --- -<p>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</p> +{{SeeCompatTable}}{{APIRef("Service Workers API")}} -<p>La méthode <strong><code>focus()</code></strong> de l'interface {{domxref("WindowClient")}} focus le client en cours et retourne une {{jsxref("Promise")}} qui est résolue vers le {{domxref("WindowClient")}} existant.</p> +La méthode **`focus()`** de l'interface {{domxref("WindowClient")}} focus le client en cours et retourne une {{jsxref("Promise")}} qui est résolue vers le {{domxref("WindowClient")}} existant. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">Client.focus().then(function(WindowClient) { - // utilisez le WindowClient une fois qu'il est focus -});</pre> + Client.focus().then(function(WindowClient) { + // utilisez le WindowClient une fois qu'il est focus + }); -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<p>Nil.</p> +Nil. -<h3 id="Valeur_de_retour">Valeur de retour</h3> +### Valeur de retour -<p>Une {{jsxref("Promise")}} qui est résolue vers le {{domxref("WindowClient")}} existant.</p> +Une {{jsxref("Promise")}} qui est résolue vers le {{domxref("WindowClient")}} existant. -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">self.addEventListener('notificationclick', function(event) { +```js +self.addEventListener('notificationclick', function(event) { console.log('On notification click: ', event.notification.tag); event.notification.close(); -<code> // Vérifie si le client en cours est ouvert et - // le focus le cas échéant</code> + // Vérifie si le client en cours est ouvert et + // le focus le cas échéant event.waitUntil(clients.matchAll({ type: "window" }).then(function(clientList) { - for (var i = 0; i < clientList.length; i++) { + for (var i = 0; i < clientList.length; i++) { var client = clientList[i]; - if (client.url == '/' && 'focus' in client) + if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openWindow) return clients.openWindow('/'); })); -});</pre> +}); +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('Service Workers', '#client-focus-method', 'focus()')}}</td> - <td>{{Spec2('Service Workers')}}</td> - <td>Définition initiale..</td> - </tr> - </tbody> -</table> +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------- | ------------------------------------ | --------------------- | +| {{SpecName('Service Workers', '#client-focus-method', 'focus()')}} | {{Spec2('Service Workers')}} | Définition initiale.. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.WindowClient.focus")}}</p> +{{Compat("api.WindowClient.focus")}} diff --git a/files/fr/web/api/windowclient/focused/index.md b/files/fr/web/api/windowclient/focused/index.md index 4d9c450178..a6b34590e2 100644 --- a/files/fr/web/api/windowclient/focused/index.md +++ b/files/fr/web/api/windowclient/focused/index.md @@ -3,21 +3,22 @@ title: WindowClient.focused slug: Web/API/WindowClient/focused translation_of: Web/API/WindowClient/focused --- -<div>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</div> +{{SeeCompatTable}}{{APIRef("Service Workers API")}} -<p>La propriété <strong><code>focused</code></strong> , en lecture seule de l'interface {{domxref("WindowClient")}} , est un {{domxref("Boolean")}} qui indique si client actuel a le focus .</p> +La propriété **`focused`** , en lecture seule de l'interface {{domxref("WindowClient")}} , est un {{domxref("Boolean")}} qui indique si client actuel a le focus . -<h2 id="Syntax">Syntax</h2> +## Syntax -<pre class="syntaxbox">myFocused = WindowClient.focused;</pre> + myFocused = WindowClient.focused; -<h3 id="Value">Value</h3> +### Value -<p>A {{domxref("Boolean")}}.</p> +A {{domxref("Boolean")}}. -<h2 id="Example">Example</h2> +## Example -<pre class="brush: js">self.addEventListener('notificationclick', function(event) { +```js +self.addEventListener('notificationclick', function(event) { console.log('On notification click: ', event.notification.tag); event.notification.close(); @@ -26,9 +27,9 @@ translation_of: Web/API/WindowClient/focused event.waitUntil(clients.matchAll({ type: "window" }).then(function(clientList) { - for (var i = 0; i < clientList.length; i++) { + for (var i = 0; i < clientList.length; i++) { var client = clientList[i]; - if (client.url == '/' && 'focus' in client) { + if (client.url == '/' && 'focus' in client) { if(!client.focused) return client.focus(); } @@ -37,25 +38,15 @@ translation_of: Web/API/WindowClient/focused if (clients.openWindow) return clients.openWindow('/'); })); -});</pre> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('Service Workers', '#window-client-interface', 'WindowClient')}}</td> - <td>{{Spec2('Service Workers')}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.WindowClient.focused")}}</p> +}); +``` + +## Specifications + +| Specification | Status | Comment | +| ---------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------------ | +| {{SpecName('Service Workers', '#window-client-interface', 'WindowClient')}} | {{Spec2('Service Workers')}} | Initial definition | + +## Compatibilité des navigateurs + +{{Compat("api.WindowClient.focused")}} diff --git a/files/fr/web/api/windowclient/index.md b/files/fr/web/api/windowclient/index.md index 1a7d646b7a..3fbcd1fde0 100644 --- a/files/fr/web/api/windowclient/index.md +++ b/files/fr/web/api/windowclient/index.md @@ -12,35 +12,32 @@ tags: - WindowClient translation_of: Web/API/WindowClient --- -<p>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</p> +{{SeeCompatTable}}{{APIRef("Service Workers API")}} -<p>L'interface <code>WindowClient</code> de l'<a href="/en-US/docs/Web/API/ServiceWorker_API">API ServiceWorker</a> représente la portée d'un client service worker lorsque celui-ci existe en tant que document dans un contexte navigateur, controlé par un worker actif. Le client sélectionne et utilise un service worker pour son propre chargement et celui de ses sous-ressources.</p> +L'interface `WindowClient` de l'[API ServiceWorker](/en-US/docs/Web/API/ServiceWorker_API) représente la portée d'un client service worker lorsque celui-ci existe en tant que document dans un contexte navigateur, controlé par un worker actif. Le client sélectionne et utilise un service worker pour son propre chargement et celui de ses sous-ressources. -<h2 id="Méthodes">Méthodes</h2> +## Méthodes -<p><em><code>WindowClient</code> hérite certaines méthodes de son parent, {{domxref("Client")}}.</em></p> +_`WindowClient` hérite certaines méthodes de son parent, {{domxref("Client")}}._ -<dl> - <dt>{{domxref("WindowClient.focus()")}}</dt> - <dd>Assigne le focus au client en cours.</dd> - <dt>{{domxref("WindowClient.navigate()")}}</dt> - <dd>Charge l'url spécifiée dans la page en cours.</dd> -</dl> +- {{domxref("WindowClient.focus()")}} + - : Assigne le focus au client en cours. +- {{domxref("WindowClient.navigate()")}} + - : Charge l'url spécifiée dans la page en cours. -<h2 id="Propriétés">Propriétés</h2> +## Propriétés -<p><em><code>WindowClient</code> hérite certaines propriétés de son parent, {{domxref("Client")}}.</em></p> +_`WindowClient` hérite certaines propriétés de son parent, {{domxref("Client")}}._ -<dl> - <dt>{{domxref("WindowClient.focused")}} {{readonlyInline}}</dt> - <dd>Un booléen qui indique si oui ou non le client en cours est focus.</dd> - <dt>{{domxref("WindowClient.visibilityState")}} {{readonlyInline}}</dt> - <dd>Indique la visibilité du client en cours. Peut prendre les valeures <code>hidden</code>, <code>visible</code>, <code>prerender</code>, ou <code>unloaded</code>.</dd> -</dl> +- {{domxref("WindowClient.focused")}} {{readonlyInline}} + - : Un booléen qui indique si oui ou non le client en cours est focus. +- {{domxref("WindowClient.visibilityState")}} {{readonlyInline}} + - : Indique la visibilité du client en cours. Peut prendre les valeures `hidden`, `visible`, `prerender`, ou `unloaded`. -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">self.addEventListener('notificationclick', function(event) { +```js +self.addEventListener('notificationclick', function(event) { console.log('On notification click: ', event.notification.tag); event.notification.close(); @@ -49,44 +46,32 @@ translation_of: Web/API/WindowClient event.waitUntil(clients.matchAll({ type: "window" }).then(function(clientList) { - for (var i = 0; i < clientList.length; i++) { + for (var i = 0; i < clientList.length; i++) { var client = clientList[i]; - if (client.url == '/' && 'focus' in client) + if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openWindow) return clients.openWindow('/'); })); -});</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">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('Service Workers', '#window-client-interface', 'WindowClient')}}</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.WindowClient")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li> - <li><a href="https://github.com/mdn/sw-test">Service workers basic code example</a></li> - <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a></li> - <li><a href="/en-US/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li> - <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Channel Messaging API</a></li> -</ul> +}); +``` + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------- | ------------------------------------ | -------------------- | +| {{SpecName('Service Workers', '#window-client-interface', 'WindowClient')}} | {{Spec2('Service Workers')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.WindowClient")}} + +## Voir aussi + +- [Using Service Workers](/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers) +- [Service workers basic code example](https://github.com/mdn/sw-test) +- [Is ServiceWorker ready?](https://jakearchibald.github.io/isserviceworkerready/) +- [Promises](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) +- [Using web workers](/en-US/docs/Web/Guide/Performance/Using_web_workers) +- [Channel Messaging API](/en-US/docs/Web/API/Channel_Messaging_API) diff --git a/files/fr/web/api/windowclient/navigate/index.md b/files/fr/web/api/windowclient/navigate/index.md index 038f93f87c..85041b1392 100644 --- a/files/fr/web/api/windowclient/navigate/index.md +++ b/files/fr/web/api/windowclient/navigate/index.md @@ -12,44 +12,31 @@ tags: - WindowClient translation_of: Web/API/WindowClient/navigate --- -<p>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</p> +{{SeeCompatTable}}{{APIRef("Service Workers API")}} -<p>La méthode <strong><code>navigate()</code></strong> de l'interface {{domxref("WindowClient")}} charge une URL spécifiée dans une page de client contrôlée, puis retourne une {{jsxref("Promise")}} qui devra être analysée par {{domxref("WindowClient")}} (le demandeur).</p> +La méthode **`navigate()`** de l'interface {{domxref("WindowClient")}} charge une URL spécifiée dans une page de client contrôlée, puis retourne une {{jsxref("Promise")}} qui devra être analysée par {{domxref("WindowClient")}} (le demandeur). -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>WindowClient</em>.navigate(<em>url</em>).then(function(<em>WindowClient</em>) { - // do something with your WindowClient after navigation -});</pre> + WindowClient.navigate(url).then(function(WindowClient) { + // do something with your WindowClient after navigation + }); -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<dl> - <dt><code>url</code></dt> - <dd>L'emplacement pour naviguer vers (url est une string) .</dd> -</dl> +- `url` + - : L'emplacement pour naviguer vers (url est une string) . -<h3 id="Retour">Retour</h3> +### Retour -<p>Une {{jsxref("Promise")}} qui sera analysée par le demandeur {{domxref("WindowClient")}} (fonctionnement asynchrone : je te promet de faire, mais je suis pas sûr, à toi de vérifier) .</p> +Une {{jsxref("Promise")}} qui sera analysée par le demandeur {{domxref("WindowClient")}} (fonctionnement asynchrone : je te promet de faire, mais je suis pas sûr, à toi de vérifier) . -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('Service Workers', '#client-navigate-method', 'navigate()')}}</td> - <td>{{Spec2('Service Workers')}}</td> - <td>définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | ------------------------------------ | ------------------- | +| {{SpecName('Service Workers', '#client-navigate-method', 'navigate()')}} | {{Spec2('Service Workers')}} | définition initiale | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.WindowClient.navigate")}}</p> +{{Compat("api.WindowClient.navigate")}} diff --git a/files/fr/web/api/windowclient/visibilitystate/index.md b/files/fr/web/api/windowclient/visibilitystate/index.md index 3f0d42838e..3589b09443 100644 --- a/files/fr/web/api/windowclient/visibilitystate/index.md +++ b/files/fr/web/api/windowclient/visibilitystate/index.md @@ -3,26 +3,29 @@ title: WindowClient.visibilityState slug: Web/API/WindowClient/visibilityState translation_of: Web/API/WindowClient/visibilityState --- -<p>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</p> +{{SeeCompatTable}}{{APIRef("Service Workers API")}} -<p>La propriété <strong><code>visibilityState</code></strong>, en lecture seule de l'interface {{domxref("WindowClient")}} indique la visibilité du client courant. La valeur pourra être : <code>hidden</code>, <code>visible</code>, <code>prerender</code>, or <code>unloaded</code>.</p> +La propriété **`visibilityState`**, en lecture seule de l'interface {{domxref("WindowClient")}} indique la visibilité du client courant. La valeur pourra être : `hidden`, `visible`, `prerender`, or `unloaded`. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="brush: js">myVisState = WindowClient.visibilityState;</pre> +```js +myVisState = WindowClient.visibilityState; +``` -<h3 id="Value">Value</h3> +### Value -<p>une {{domxref("DOMString")}}.</p> +une {{domxref("DOMString")}}. -<h2 id="Example">Example</h2> +## Example -<pre class="brush: js"> event.waitUntil(clients.matchAll({ +```js + event.waitUntil(clients.matchAll({ type: "window" }).then(function(clientList) { - for (var i = 0; i < clientList.length; i++) { + for (var i = 0; i < clientList.length; i++) { var client = clientList[i]; - if (client.url == '/' && 'focus' in client) { + if (client.url == '/' && 'focus' in client) { if(visibilityState === 'hidden') return client.focus(); } @@ -31,25 +34,15 @@ translation_of: Web/API/WindowClient/visibilityState if (clients.openWindow) return clients.openWindow('/'); })); -});</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('Service Workers', '#window-client-interface', 'WindowClient')}}</td> - <td>{{Spec2('Service Workers')}}</td> - <td>Initial definition.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.WindowClient.visibilityState")}}</p> +}); +``` + +## Spécifications + +| Specification | Status | Comment | +| ---------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------------- | +| {{SpecName('Service Workers', '#window-client-interface', 'WindowClient')}} | {{Spec2('Service Workers')}} | Initial definition. | + +## Compatibilité des navigateurs + +{{Compat("api.WindowClient.visibilityState")}} |