讓網頁可以透過瀏覽器,發送通知訊息,可應用於重大訊息通知上

w3c的規範:參閱規範

透過 Notification.permission 可得知授權狀態

  1. default:尚未給予任何權限,因此不會顯示任何通知
  2. granted:允許接收到通知
  3. denied:拒絕接收通知

要求權限

 Notification.requestPermission(function (status) 
 {
     // This allows to use Notification.permission with Chrome/Safari
     if (Notification.permission !== status) 
     {
       Notification.permission = status;
     }
 }); 
//顯示通知,五秒後關閉
 var n = new Notification("測試網站")
 setTimeout(n.close.bind(n), 4000);

目前大多適用於Chrome、Firefox、Safari

IE 則是不支援

效果如下圖

網站提示

https://developer.mozilla.org/en-US/docs/Web/API/notification

Leave a Comment