1. 開発者向けのウェブ技術
  2. Web API
  3. WindowClient
  4. visibilityState

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

WindowClient: visibilityState プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2018年4月以降、すべてのブラウザーで利用可能です。

visibilityStateWindowClient インターフェイスの読み取り専用プロパティで、現在のクライアントの可視性を示します。 この値は、"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("/");
 }
 }),
);

仕様書

仕様書
Service Workers Nightly
# client-visibilitystate

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

AltStyle によって変換されたページ (->オリジナル) /