PWA testing grounds

Notifications

Notifications in the browser can be sent with 2.5 different methods

new Notification()
serviceworker.showNotification()
Using PushManager API to send a message from backend to a service worker that itself calls showNotification (method 2)

There are some immediate clarifications though:

On mobile phones, the app must be installed as a PWA
YES, 3rd method will display notifications on mobile phones, including iOS, even though the app is closed
NO, iOS does not support 1st method ^{unlike what MDN says}
iOS does not support the full showNotifications API. Note that icon is selected from web manifest (rather than specified in notification).

In the same breath, it may be worth mentioning that for a web app to be installable as PWA, it must

Have a web manifest
Be served over HTTPS. When doing local development, consider therefore ngrok, tunnelin, pinggy.io, or loophole.cloud

Served over HTTPSPWA Requirement (mobile)

Installed as PWA

Notifications supported

Notifications permissions

Service worker supported

Service worker installed

Supports PushManager API

PushManager API permissions

Can't see any notifications? It can be that you're in "Do not disturb" mode on your desktop, or have disabled notifications from in settings.

Method 1Method 2Method 3

{
  "browser": null,
  "userAgent": null
}

{
  "platform": null,
  "userAgent": null,
  "isMobile": false
}

null

{}