Document.hidden

Document.hidden は読み取り専用のプロパティで、ページが非表示になっているとみられるかどうかを示す論理値を返します。

構文

var boolean = document.hidden

document.addEventListener("visibilitychange", function() {
  console.log( document.hidden );
  // 振る舞いを修正...
});

仕様書

仕様書 状態 備考
Page Visibility (Second Edition)
Document.hidden の定義
勧告 初回定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
hiddenChrome 完全対応 33
完全対応 33
完全対応 13
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge 完全対応 12Firefox 完全対応 18
補足
完全対応 18
補足
補足 Since Firefox 56 it also returns true on Mac when the window is completely hidden by another non-translucent application.
未対応 10 — 52
接頭辞付き
接頭辞付き moz のベンダー接頭辞が必要
IE 完全対応 10Opera 完全対応 12.1Safari 完全対応 7WebView Android 完全対応 ありChrome Android 完全対応 33
完全対応 33
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox Android 完全対応 18
補足
完全対応 18
補足
補足 Since Firefox 56 it also returns true on Mac when the window is completely hidden by another non-translucent application.
未対応 10 — 52
接頭辞付き
接頭辞付き moz のベンダー接頭辞が必要
Opera Android 完全対応 12.1Safari iOS 完全対応 7Samsung Internet Android 完全対応 2.0
完全対応 2.0
完全対応 1.0
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要

凡例

完全対応  
完全対応
実装ノートを参照してください。
実装ノートを参照してください。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。