HTML5 Notification not working in Mobile Chrome

by

Try the following:

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

That is, use ServiceWorkerRegistration»showNotification() not new Notification().

That should work on Android both in Chrome and in Firefox — and on iOS in Safari, too.

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

One caveat is that you must run it from a secure origin (an https URL, not an http URL).

See https://developer.mozilla.org/docs/Web/API/ServiceWorkerRegistration/showNotification.

More Related Contents:

  1. How do I load an HTML page in a div using JavaScript?
  2. Chrome desktop notification example [closed]
  3. JavaScript: How to find out if the user browser is Chrome?
  4. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  5. JSFiddle code not working in my own page
  6. Video auto play is not working in Safari and Chrome desktop browser
  7. Chrome counts characters wrong in textarea with maxlength attribute
  8. Cross-origin data in HTML5 canvas
  9. How to prevent “The play() request was interrupted by a call to pause()” error?
  10. \u200b (Zero width space) characters in my JS code. Where did they come from?
  11. Chrome Autofill/Autocomplete no value for password
  12. Open IE browser in Firefox/Chrome page
  13. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  14. Is innerHTML asynchronous?
  15. How to clear cache of service worker?
  16. Checkbox Check Event Listener
  17. Cannot access cssRules from local css file in Chrome 64
  18. How do I disable the save password bubble in chrome using Javascript?
  19. How can I retain the scroll position of a scrollable area when pressing back button?
  20. Animated gif only loops once in Chrome and Firefox
  21. Chrome FileReader
  22. Completely lost on how to save extension popup window content
  23. Making a Chrome Extension download a file
  24. Resource interpreted as Script but transferred with MIME type text/plain – for local file
  25. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  26. HTML5 drop event doesn’t work unless dragover is handled
  27. Print repeating Page headers in Chrome [closed]
  28. Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22
  29. Not allowed to load local resource: file
  30. Chrome Extension get selected text

Leave a Comment