web notification APIの実装について

Question

あるサーバーにWEB　NOTIFICATION　API　を実装しました.
これです。
https://novy.tokyo/sb_app/pad/nf
コードの中身はこれです。

<script type="text/javascript">
  // ブラウザが通知をサポートしているか確認する
  if (!('Notification' in window)) {
    alert('未対応のブラウザです');
  }
  else {
    // 許可を求める
    Notification.requestPermission()
      .then((permission) => {
        if (permission == 'granted') {
           console.log("ok");
           
           var options = {
    		body: "How are you?",
    		icon:"https://www.google.com/s2/favicons?domain=www.yahoo.com"
    		
  	   };
           var notification = new Notification("Hello, world!",options);
           notification.onclick = function () {
              window.open("http://www.yahoo.com");
           };
           setTimeout(notification.close.bind(notification), 10000);
           
           
          // 許可
        } else if (permission == 'denied') {
          // 拒否
        } else if (permission == 'default') {
          // 無視
        }
      });
  }
</script>

これですが実際に実行するとPCではFirefox、chromeでOK　ですが　ANDROIDではfirefoxはOKでしたが
chromeでやると許可の画面はでるが実際のメッセージの画面はでませんでした。（少なくとも私のANDROIDでは）
この理由を
https://developer.mozilla.org/ja/docs/WebAPI/Using_Web_Notifications
からみつけようとしてますが私の頭では今のところわかっていません。
どこがだめなのかしっている人はいませんか？

Answer 1

とりあえずこれでOKなのは確認した。
navigator.serviceWorker.register('sw.js');
Notification.requestPermission(function(result) {
if (result === 'granted') {
navigator.serviceWorker.ready.then(function(registration) {
registration.showNotification('Notification with ServiceWorker');
});
}
});
sw.jsは適当なJS（サイズ０でもいい）でOKらしい。
https://stackoverflow.com/questions/31512504/html5-notification-not-working-in-mobile-chrome/31787926