Web Notifications API

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

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