Clients.openWindow()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La méthode openWindow() de l'interface Clients crée un nouveau niveau de contexte de navigation et charge une URL donnée. Si le script d'origine n'a pas la permission d'ouvrir une popup, openWindow() lèvera une InvalidAccessError.

Dans Firefox, une méthode est authorisée d'ouvrir une popup seulement lorsqu'elle est appelée à la suite d'un click sur une notification.

Syntaxe

js
ServiceWorkerClients.openWindow(url).then(function (WindowClient) {
  // Faire quelque chose avec le WindowClient
});

Paramètres

url

Une USVString représentant l'URL que le client veut ouvrir dans une nouvelle fenêtre. Généralement, cette valeur doit être une URL de la même origine que le script d'origine.

Valeur de retour

Une Promise qui résoud un objet WindowClient si l'URL est de la même origine que le service worker, et null value sinon.

Exemples

js
// Quand l'utilisateur click sur une notification, focus sur la fenêtre si elle existe,
// ou ouvre en une autre.
onotificationclick = function (event) {
  var found = false;
  clients.matchAll().then(function (clients) {
    for (i = 0; i < clients.length; i++) {
      if (clients[i].url === event.data.url) {
        // La fenêtre existe, focus dessus.
        found = true;
        clients[i].focus();
        break;
      }
    }
    if (!found) {
      // Crée une nouvelle fenêtre
      clients.openWindow(event.data.url).then(function (windowClient) {
        // Faire quelque chose avec le WindowClient
      });
    }
  });
};

Spécifications

Specification
Service Workers
# clients-openwindow

Compatibilité des navigateurs