WindowClient

Baseline Large disponibilité *

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis avril 2018.

* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

L'interface WindowClient de l'API ServiceWorker 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.

Dans cet article

Méthodes

WindowClient hérite certaines méthodes de son parent, Client.

WindowClient.focus()

Assigne le focus au client en cours.

WindowClient.navigate()

Charge l'url spécifiée dans la page en cours.

Propriétés

WindowClient hérite certaines propriétés de son parent, Client.

WindowClient.focused Lecture seule

Un booléen qui indique si oui ou non le client en cours est focus.

WindowClient.visibilityState Lecture seule

Indique la visibilité du client en cours. Peut prendre les valeures hidden, visible, prerender, ou unloaded.

Exemple

js
self.addEventListener("notificationclick", function (event) {
  console.log("On notification click: ", event.notification.tag);
  event.notification.close();

  // 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++) {
          var client = clientList[i];
          if (client.url == "/" && "focus" in client) return client.focus();
        }
        if (clients.openWindow) return clients.openWindow("/");
      }),
  );
});

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 17 déc. 2024 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API Service Worker
WindowClient
Propriétés d'instance
Méthodes d'instance
1. focus()
2. navigate()
Héritage
1. Client
Pages liées à Service Workers API
Guides
1. Utiliser les service workers

WindowClient

Dans cet article

Méthodes

Propriétés

Exemple

Spécifications

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN