The Document.visibilityState read-only property returns the visibility of the document, that is in which context this element is now visible. It is useful to know if the document is in the background or an invisible tab, or only loaded for pre-rendering. Possible values are:

The page content may be at least partially visible. In practice this means that the page is the foreground tab of a non-minimized window.
The page content is not visible to the user. In practice this means that the document is either a background tab or part of a minimized window, or the OS screen lock is active.
The page content is being prerendered and is not visible to the user (considered hidden for purposes of document.hidden). The document may start in this state, but will never transition to it from another value. Note: browser support is optional.

When the value of this property changes, the visibilitychange event is sent to the Document.

Typical use of this can be to prevent the download of some assets when the document is solely prerendered, or stop some activities when the document is in the background or minimized.


var string = document.visibilityState


document.addEventListener("visibilitychange", function() {
  console.log( document.visibilityState );
  // Modify behavior...


Specification Status Comment
Page Visibility (Second Edition)
The definition of 'Document.visibilityState' in that specification.
Recommendation Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support


13 webkit



10 — 52 -moz-

prerender value Yes ?49 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support3333 ?


10 — 52 -moz-

12.117 ?
prerender value Yes Yes ?49 ? ? ?

1. Doesn't fire the visibilitychange event when the browser window is minimized, nor when hidden is set to true.

Document Tags and Contributors

Contributors to this page: SaschaNaz, fscholz, Tigt, adyouri, MarcusJTW, teoli
Last updated by: SaschaNaz,