aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/clients/index.html
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:14 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commitc05efa8d7ae464235cf83d7c0956e42dc6974103 (patch)
tree6ea911b2f2010f63a026de6bb7a1a51e7690a7e1 /files/fr/web/api/clients/index.html
parent13a5e017558b248ee1647d4a5825f183b51f09ad (diff)
downloadtranslated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.tar.gz
translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.tar.bz2
translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.zip
move *.html to *.md
Diffstat (limited to 'files/fr/web/api/clients/index.html')
-rw-r--r--files/fr/web/api/clients/index.html97
1 files changed, 0 insertions, 97 deletions
diff --git a/files/fr/web/api/clients/index.html b/files/fr/web/api/clients/index.html
deleted file mode 100644
index aab1e6c132..0000000000
--- a/files/fr/web/api/clients/index.html
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Clients
-slug: Web/API/Clients
-tags:
- - API
- - Clients
- - Experimental
- - Interface
- - Reference
- - Service Workers
- - Service worker API
- - ServiceWorker
- - Workers
-translation_of: Web/API/Clients
----
-<div>{{APIRef("Service Workers API")}}</div>
-
-<p>L'interface <code>Clients</code> permet d'accéder aux objets <a href="/fr/docs/Web/API/Client"><code>Client</code></a>. On y accède via <code><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope"><code>self</code></a>.clients</code> au sein d'un <a href="/fr/docs/Web/API/Service_Worker_API">service worker</a>.</p>
-
-<h2 id="methods">Méthodes</h2>
-
-<dl>
- <dt><a href="/fr/docs/Web/API/Clients/get"><code>Clients.get()</code></a></dt>
- <dd>Retourne une <a href="/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise"><code>Promise</code></a> (« <i>Promesse</i> ») pour un <a href="/fr/docs/Web/API/Client"><code>Client</code></a> correspondant à un <a href="/fr/docs/Web/API/Client/id"><code>id</code></a> donné.</dd>
- <dt><a href="/fr/docs/Web/API/Clients/matchAll"><code>Clients.matchAll()</code></a></dt>
- <dd>Retourne une <a href="/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise"><code>Promise</code></a> (« <i>Promesse</i> ») pour un tableau d'objets <a href="/fr/docs/Web/API/Client"><code>Client</code></a>. L'argument options vous permet de contrôler les types de clients renvoyés.</dd>
- <dt><a href="/fr/docs/Web/API/Clients/openWindow"><code>Clients.openWindow()</code></a></dt>
- <dd>Ouvre une nouvelle fenêtre de navigateur pour une url donnée et renvoie une <a href="/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise"><code>Promise</code></a> (« <i>Promesse</i> ») pour le nouveau <a href="/fr/docs/Web/API/WindowClient"><code>WindowClient</code></a>.</dd>
- <dt><a href="/fr/docs/Web/API/Clients/claim"><code>Clients.claim()</code></a></dt>
- <dd>Permet à un service worker actif de se définir comme le <a href="/fr/docs/Web/API/ServiceWorkerContainer/controller"><code>controller</code></a> (« <i>Controlleur</i> ») pour tous les clients dans son <a href="/fr/docs/Web/API/ServiceWorkerRegistration/scope"><code>scope</code></a> (« <i>sa portée</i> »).</dd>
-</dl>
-
-<h2 id="exemple">Exemple</h2>
-
-<p>L'exemple suivant montre une fenêtre de chat existante ou en crée une nouvelle lorsque l'utilisateur clique sur une notification.</p>
-
-<pre class="brush: js">addEventListener('notificationclick', event =&gt; {
- event.waitUntil(async function() {
- const allClients = await clients.matchAll({
- includeUncontrolled: true
- });
-
- let chatClient;
-
- // Voyons si nous avons déjà une fenêtre de discussion ouverte :
- for (const client of allClients) {
- const url = new URL(client.url);
-
- if (url.pathname == '/chat/') {
- // Excellent, utilisons-la !
- client.focus();
- chatClient = client;
- break;
- }
- }
-
- // Si nous n'avons pas trouvé de fenêtre de discussion existante,
- // ouvrons-en une nouvelle :
- if (!chatClient) {
- chatClient = await clients.openWindow('/chat/');
- }
-
- // Envoyez un message au client :
- chatClient.postMessage("Nouveaux messages !");
- }());
-});</pre>
-
-<h2 id="specifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Service Workers', '#clients', 'Clients')}}</td>
- <td>{{Spec2('Service Workers')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.Clients")}}</p>
-
-<h2 id="see_also">Voir aussi</h2>
-
-<ul>
- <li><a href="/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers">Utiliser les Service Workers</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Le ServiceWorker est-il prêt ?</a> <small>(en anglais)</small></li>
- <li>L'objet <a href="/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise"><code>Promise</code></a></li>
-</ul>