notificationの通知が表示されない

Question

notificationを適当にいじってみようとWebページに書いてあった

window.onload = function() {
   Notification.requestPermission();
   const notification = new Notification("Check!");
};

を書き試してみたのですが、次の許可を求めていますと表示され許可を押してもCheckという通知がきません。
setIntervalなど何も設定していないので通知はすぐ来ると思うのですがなぜでしょう。
どなたか教えてください。よろしくお願いします。

Answer 1

読んだ資料が古い可能性があります。（Promiseベースの構文に変わったにもかかわらず日本語版のMDNはまだ記事が挿し換わっていないあたり動きのある仕様なのかも）

【Notification.requestPermission() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/notification/requestPermission

構文
最新の仕様ではこのメソッドは次のように Promise ベースの構文に更新されています:

Notification.requestPermission().then(function(permission) { ... });

以前の構文はシンプルなコールバックに基づくものでしたが、このバージョンは現在非推奨です:

Notification.requestPermission(callback);

【Using the Notifications API - Web APIs | MDN】
https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API

Comments

[takespring]

助かりました。ありがとうございます。

Answer 2

window.addEventListener('DOMContentLoaded', ()=>{
  Notification.requestPermission(permission=>{
    const notification = new Notification("Check!");
  });
});

Comments

[takespring]

ありがとうございます。参考になります。