Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Les API Web
  3. WindowClient

Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in EnglishAlways switch to English

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'unetechnologie expérimentale.
Vérifiez attentivement letableau de compatibilité des navigateurs avant de l'utiliser en production.

L'interfaceWindowClient 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.

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.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 valeureshidden,visible,prerender, ouunloaded.

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("/");      }),  );});

Spécifications

Specification
Service Workers Nightly
# windowclient

Compatibilité des navigateurs

Voir aussi

Help improve MDN

Learn how to contribute

Cette page a été modifiée le par lescontributeurs du MDN.


[8]ページ先頭

©2009-2025 Movatter.jp