Client.type

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

The type read-only property of the Client interface indicates the type of client the service worker is controlling.

Syntax

var myClientType = Client.type;

Value

A string, representing the client type. The value can be one of

  • window
  • worker
  • sharedworker
  • all

Example

// service worker client (e.g. a document)
function sendMessage(message) {
  return new Promise(function(resolve, reject) {
    // note that this is the ServiceWorker.postMessage version
    navigator.serviceWorker.controller.postMessage(message);
    window.serviceWorker.onMessage = function(e) {
      resolve(e.data);
    };
  });
}

// controlling service worker
self.addEventListener("message", function(e) {
  // e.source is a client object
  e.source.postMessage("Hello! Your message was: " + e.data);
  // Let's also post the type value back to the client
  e.source.postMessage(e.source.type);
});

Specifications

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

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support60 ?54 No47 No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support6060 ?5447 No No

Document Tags and Contributors

Contributors to this page: fscholz, jpmedley, jan.roudaut, chrisdavidmills
Last updated by: fscholz,