ServiceWorkerRegistration

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨апрель 2018 г.⁩.

* Some parts of this feature may have varying levels of support.

Secure context: This feature is available only insecure contexts (HTTPS), in some or allsupporting browsers.

Примечание: Эта возможность доступна вWeb Workers.

ИнтерфейсServiceWorkerRegistration ссылается на регистрацию Service Worker. Вы можете зарегистрировать Service Worker, чтобы контролировать одну или несколько страниц на одном домене.

The lifetime of a service worker registration is beyond that of theServiceWorkerRegistration objects that represent them within the lifetime of their corresponding service worker clients. The browser maintains a persistent list of activeServiceWorkerRegistration objects.

Свойства

Also implements properties from its parent interface,EventTarget.

ServiceWorkerRegistration.scopeТолько для чтения: Returns a unique identifier for a service worker registration. This must be on the same origin as the document that registers theServiceWorker.
ServiceWorkerRegistration.installingТолько для чтения: Returns a service worker whose state isinstalling. This is initially set tonull.
ServiceWorkerRegistration.waitingТолько для чтения: Returns a service worker whose state iswaiting. This is initially set tonull.
ServiceWorkerRegistration.activeТолько для чтения: Returns a service worker whose state is eitheractivating oractivated. This is initially set tonull. An active worker will control aServiceWorkerClient if the client's URL falls within the scope of the registration (thescope option set whenServiceWorkerContainer.register is first called.)
ServiceWorkerRegistration.navigationPreloadТолько для чтения: Returns the instance ofNavigationPreloadManager associated with the current service worker registration.
serviceWorkerRegistration.periodicSyncНе стандартноТолько для чтения: Returns a reference to the PeriodicSyncManager interface, which manages periodic background synchronization processes.
ServiceWorkerRegistration.pushManagerТолько для чтения: Returns a reference to thePushManager interface for managing push subscriptions including subscribing, getting an active subscription, and accessing push permission status.
ServiceWorkerRegistration.syncНе стандартноТолько для чтения: Returns a reference to the SyncManager interface, which manages background synchronization processes.

Event handlers

ServiceWorkerRegistration.onupdatefoundТолько для чтения: AnEventListener property called whenever an event of typeupdatefound is fired; it is fired any time theServiceWorkerRegistration.installing property acquires a new service worker.

Методы

Also implements methods from its parent interface,EventTarget.

ServiceWorkerRegistration.getNotifications(): Returns aPromise that resolves to an array ofNotification objects.
ServiceWorkerRegistration.showNotification(): Displays the notification with the requested title.
ServiceWorkerRegistration.update(): Checks the server for an updated version of the service worker without consulting caches.
ServiceWorkerRegistration.unregister(): Unregisters the service worker registration and returns aPromise. The service worker will finish any ongoing operations before it is unregistered.

Примеры

In this example, the code first checks whether the browser supports service workers and if so registers one. Next, it adds andupdatefound event in which it uses the service worker registration to listen for further changes to the service worker's state. If the service worker hasn't changed since the last time it was registered, than theupdatefound event will not be fired.

if ("serviceWorker" in navigator) {  navigator.serviceWorker    .register("/sw.js")    .then(function (registration) {      registration.addEventListener("updatefound", function () {        // If updatefound is fired, it means that there's        // a new service worker being installed.        var installingWorker = registration.installing;        console.log(          "A new service worker is being installed:",          installingWorker,        );        // You can listen for changes to the installing service worker's        // state via installingWorker.onstatechange      });    })    .catch(function (error) {      console.log("Service worker registration failed:", error);    });} else {  console.log("Service workers are not supported.");}