WindowClient
Baseline
Widely available
*
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.
Méthodes
WindowClient hérite certaines méthodes de son parent, Client.
WindowClient.focus()-
Assigne le focus au client en cours.
-
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.focusedLecture seule-
Un booléen qui indique si oui ou non le client en cours est focus.
WindowClient.visibilityStateLecture seule-
Indique la visibilité du client en cours. Peut prendre les valeures
hidden,visible,prerender, ouunloaded.
Exemple
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("/");
}),
);
});
Spécifications
| Specification |
|---|
| Service Workers # windowclient |
Compatibilité des navigateurs
Chargement…