ServiceWorkerRegistration: pushManager property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨March 2023⁩.

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

Note: This feature is available inWeb Workers.

ThepushManager read-only property of theServiceWorkerRegistration interface returns a reference to thePushManager interface for managing push subscriptions; this includessupport for subscribing, getting an active subscription, and accessing push permissionstatus.

Value

APushManager object.

Examples

this.onpush = (event) => {  console.log(event.data);  // From here we can write the data to IndexedDB, send it to any open  // windows, display a notification, etc.};navigator.serviceWorker  .register("serviceworker.js")  .then((serviceWorkerRegistration) => {    serviceWorkerRegistration.pushManager.subscribe().then(      (pushSubscription) => {        console.log(pushSubscription.subscriptionId);        console.log(pushSubscription.endpoint);        // The push subscription details needed by the application        // server are now available, and can be sent to it using,        // for example, the fetch() API.      },      (error) => {        // During development it often helps to log errors to the        // console. In a production environment it might make sense to        // also report information about errors back to the        // application server.        console.error(error);      },    );  });