WindowClient.visibilityState

Jump to:
  1. Syntax
  2. Example
  3. Specifications
  4. Browser compatibility

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The visibilityState read-only property of the WindowClient interface indicates the visibility of the current client. This value can be one of hidden, visible, prerender, or unloaded.

Syntax

myVisState = WindowClient.visibilityState;

Value

A DOMString.

Example

  event.waitUntil(clients.matchAll({
    type: "window"
  }).then(function(clientList) {
    for (var i = 0; i < clientList.length; i++) {
      var client = clientList[i];
      if (client.url == '/' && 'focus' in client) {
        if(client.visibilityState === 'hidden')
          return client.focus();
        }
      }
    }
    if (clients.openWindow)
      return clients.openWindow('/');
  }));
});

Specifications

Specification Status Comment
Service Workers
The definition of 'WindowClient' in that specification.		 Working Draft Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support42 Yes441 No ? No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support No42 ?44 ? No4.0

1. Service workers (and Push) have been disabled in the Firefox 45 and 52 Extended Support Releases (ESR).

Document Tags and Contributors

Tags: 
Contributors to this page: abrahamwilliams, fscholz, chrisdavidmills, rolfedh
Last updated by: abrahamwilliams,