Menu
Is there any easy way to feature detect Web Push API in browsers (Desktop and mobile)
375
Check whether a certain method or property (typically an entry point into using the API or other feature you are detecting for) exists in its parent Object. Create an element in memory using Document. createElement() and then check if a property exists on it. The example shown is a way of detecting Canvas support.
A push service receives a network request, validates it and delivers a push message to the appropriate browser. If the browser is offline, the message is queued until the the browser comes online. Each browser can use any push service they want, it's something developers have no control over.
Overview. When important, time-sensitive events occur, inform your website users with push notifications you send from your server. In Safari 16 in macOS 13 or later, Safari supports web push — push notifications that use the cross-browser Push API, Notifications API, and Service Worker standards.
Some browser versions support only the service worker but not the Push API.
It's recommended that you try to detect the Push API itself.
If you need to check the browser support in a synchronous way (i.e. without waiting for Promise), you can use this (copied from the Pushpad SDK):
function isPushApiSupported() {
return 'PushManager' in window;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
