From 64dfe2f6228e59797bb3ec2a273e3c65b7910c70 Mon Sep 17 00:00:00 2001 From: thomasbkd <61581279+thomasbkd@users.noreply.github.com> Date: Sat, 8 May 2021 19:55:16 +0200 Subject: Fix typo for Clients (#773) * fix typo * UPDT: Refresh from en-US Co-authored-by: tristantheb --- files/fr/web/api/clients/index.html | 103 +++++++++++++++++++++++------------- 1 file changed, 65 insertions(+), 38 deletions(-) (limited to 'files/fr/web/api/clients') diff --git a/files/fr/web/api/clients/index.html b/files/fr/web/api/clients/index.html index 0d309a8cfc..3607baccad 100644 --- a/files/fr/web/api/clients/index.html +++ b/files/fr/web/api/clients/index.html @@ -7,64 +7,91 @@ tags: - Experimental - Interface - Reference + - Service Workers + - Service worker API - ServiceWorker + - Workers translation_of: Web/API/Clients --- -

{{SeeCompatTable}}{{APIRef("Service Workers API")}}

+
{{APIRef("Service Workers API")}}
-

L'interface Clients de l'API de Service Workers repésente un conteneur de liste d'objets {{domxref("Client")}}.

+

L'interface Clients permet d'accéder aux objets Client. On y accède via self.clients au sein d'un service worker.

-

Méthodes

+

Méthodes

-
{{domxref("Clients.get()")}}
-
Récupère un service worker client correspondant à un id et le retourne dans une {{jsxref("Promise")}}.
-
{{domxref("Clients.matchAll()")}}
-
Récupèere une liste de service worker clients et les retourne dans une {{jsxref("Promise")}}. On inclut un paramètre option pour retourner tous les services worker clients dont l'origine est la même que le service worker d'origine. Si option n'est pas inclut, la méthode retourne seulement les service worker clients controllés par le service worker.
-
{{domxref("Clients.openWindow()")}}
-
Ouvre un service worker {{domxref("Client")}} dans une nouvelle fenêtre de navigation.
-
{{domxref("Clients.claim()")}}
-
Permet à un service worker actif de se définir comme étant le worker actif de la page quand le worker et la page sont dans la même portée.
+
Clients.get()
+
Retourne une Promise (« Promesse ») pour un Client correspondant à un id donné.
+
Clients.matchAll()
+
Retourne une Promise (« Promesse ») pour un tableau d'objets Client. L'argument options vous permet de contrôler les types de clients renvoyés.
+
Clients.openWindow()
+
Ouvre une nouvelle fenêtre de navigateur pour une url donnée et renvoie une Promise (« Promesse ») pour le nouveau WindowClient.
+
Clients.claim()
+
Permet à un service worker actif de se définir comme le controller (« Controlleur ») pour tous les clients dans son scope (« sa portée »).
-

Exemples

+

Exemple

-
clients.matchAll(options).then(function(clients) {
-  for(i = 0 ; i < clients.length ; i++) {
-    if(clients[i] === 'index.html') {
-      clients.openWindow(clients[i]);
-      // ou faire quelque chose qui inclut le client concerné
+
L'exemple suivant montre une fenêtre de chat existante ou en crée une nouvelle lorsque l'utilisateur clique sur une notification.

+
+
addEventListener('notificationclick', event => {
+  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 !");
+  }());
 });

 
-
Spécifications

+
Spécifications

 
 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
+  
+    
+      
+      
+      
+    
+  
+  
+    
+      
+      
+      
+    
+  
SpécificationStatutCommentaire
{{SpecName('Service Workers', '#clients', 'Clients')}}{{Spec2('Service Workers')}}Initial definition
SpécificationStatutCommentaire
{{SpecName('Service Workers', '#clients', 'Clients')}}{{Spec2('Service Workers')}}Définition initiale.

 

 
-
Compatibilité des navigateurs

+
Compatibilité des navigateurs

 
 
{{Compat("api.Clients")}}

 
-
À voir aussi :

+
Voir aussi

 
 
-- 
cgit v1.2.3-54-g00ecf