PWA Push Notifications Demo

Test out push notifications in your SvelteKit PWA

Installation

Permission status: default

App is installed or not installable in this browser

Push Notifications

Service Worker: ⏳ Not supported

Instructions:

  1. Click "Request Permission" to allow notifications
  2. Click "Subscribe to Push Notifications" to receive server-sent notifications
  3. Click "Send Push from Server" to trigger a notification to all subscribed clients
  4. On supported browsers, install the app to your home screen

Note: Push notifications work best when the app is installed. iOS Safari has limited support for PWA notifications. The "Send Push from Server" button will send notifications to ALL subscribed clients.

Debug Log:

3:55:38 AM: ServiceWorker API not supported in this browser