Search code examples
javascriptbrowsernotifications

Check if browser notification is available

I am working with browser notifications and because it is not available for every browser I want to check in my JS-code, if it is available.

I took a look in the Mozilla developer section:
https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API

They tell me that I should use this code to check whether a browser has notification support or not:

  if (!("Notification" in window)) {
    alert("This browser does not support system notifications");
  }

I copied that code into my website; the notification still works in the browsers where it worked before but it blocks the execution of other code (as it did before the 'check'-code).

For example: in the edge browser, I get the console error: 

 'Notification is undefined'

So what is the preferred method from you to check whether a browser has notification capability?

Solution

  • The following code would check whether the browser is compatible with the web notification API

    if ('Notification' in window) {
  // API supported
} else {
  // API not supported
}