WindowClient: visibilityState プロパティ

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.

visibilityState は WindowClient インターフェイスの読み取り専用プロパティで、現在のクライアントの可視性を示します。 この値は、"hidden"、"visible"、"prerender" のいずれかです。

値

文字列です（値については Document.visibilityState を参照）。

例

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

仕様書

Specification
Service Workers
# client-visibilitystate

ブラウザーの互換性