WindowClient: Sichtbarkeitsstatus-Eigenschaft

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.

Hinweis: Diese Funktion ist nur in Service Workers verfügbar.

Die schreibgeschützte visibilityState-Eigenschaft des WindowClient-Interfaces gibt die Sichtbarkeit des aktuellen Clients an. Dieser Wert kann einer der folgenden sein: "hidden", "visible" oder "prerender".

Wert

Ein String (siehe Document.visibilityState für mögliche Werte).

Beispiele

event.waitUntil(
  clients
    .matchAll({
      type: "window",
    })
    .then((clientList) => {
      for (const client of clientList) {
        if (client.url === "/" && "focus" in client) {
          if (client.visibilityState === "hidden") return client.focus();
        }
      }
      if (clients.openWindow) {
        return clients.openWindow("/");
      }
    }),
);

Spezifikationen

Specification
Service Workers # client-visibilitystate

Browser-Kompatibilität

BCD tables only load in the browser