10

I'm working with the JavaScript Notification API to show a small message to my users. It works on every desktop browser I've tested with, including Chrome...but not Chrome for Android (KitKat, at least). Everything I've read says that Android Chrome supports the Notification API as of April 2015, and the app even has settings for Notification permissions...yet nothing happens when I call new Notification(...) from within it. In fact, even the official Mozilla Notification API demo page doesn't show them, despite being able to grab permissions information, etc.

Is there something special I need to do to make Notifications compatible with Android Chrome?

Kinlan
  • 16,315
  • 5
  • 56
  • 88
IceMetalPunk
  • 5,476
  • 3
  • 19
  • 26
  • 1
    Have you tried push notification examples here? https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web?hl=en – Mohammed AlBanna Nov 22 '15 at 21:28
  • Wow. So it sounds like not only does Google require use of its own proprietary notifications system, but also that it requires HTTPS just to use it. That's...annoying. Thanks for the help. – IceMetalPunk Nov 29 '15 at 10:42
  • There's a difference between `Chrome Notification API` that provided for Chrome Extensions, and `Chrome Push Notification API` for Mobile usage. **[Here is](https://developer.chrome.com/apps/notifications)** an example for notification API for chrome apps. Before days ago they talked about Push Notification API in ChromeDevSummit and still there're some of limitations around. – Mohammed AlBanna Nov 29 '15 at 16:13

2 Answers2

7

On Chrome for Android you can only open a notification via a Service Worker. A service worker is a script that runs alongside the browser and can be loaded even when the page or browser are currently closed.

The main reasoning behind the service worker requirement is that a notification can outlive the length of the browser's lifetime (i.e, the user can close the browser) and the notification will still be active, therefore when a user clicks on the notification Android needs to wake "something" up, this "something" is the Service Worker.

This Notification Guide is a good introduction to the current state of Notifications on the Web and in Chrome - it focuses a little on Push messaging but also has all the details of how to trigger a notification from the Service Worker.

This might seem like an extra hoop to jump through but it actually is a net benefit: your notification will still work when clicked even when the browser is closed.

Kinlan
  • 16,315
  • 5
  • 56
  • 88
  • This is kind of related... does anyone know about this issue https://stackoverflow.com/questions/44295835/ajax-not-working-on-mobile-chrome-shows-404 ???? Thanks! – Omar Jun 01 '17 at 13:58
6

Check this for compatibility: http://caniuse.com/#feat=notifications

"Partial Support" Although as Kinlan mentioned, it's possible with Web Service Workers.

navigator.serviceWorker.register('sw.js');
Notification.requestPermission(function(result) {
  if (result === 'granted') {
    navigator.serviceWorker.ready.then(function(registration) {
      registration.showNotification('Notification with ServiceWorker');
    });
  }
});

The sw.js file can just be a zero-byte file.

Credit Due: HTML5 Notification not working in Mobile Chrome

Community
  • 1
  • 1
Josh
  • 718
  • 10
  • 25