網頁通知 HTML5 Notification

2 月 20, 2017

--

結論 (2021/7/8)

就算是因為測試原因,全部允許權限 Chrome 91 & Firefox 89 都不會動作。意思就是隨著時代改變,個人化設定逐漸成為常態後,就不需要搞這種大部分的人都會關閉,或是就算想使用也不見得能用的功能。

--

參考資源

HTML5 Notification  可以在允許通知的情況下,出現提醒的訊息,而且不需要盯著網頁,只要瀏覽器及通知的頁面開啟的狀態下即可使用。

使用前必須了解瀏覽器支援程度。

--

取得網頁通知權限

頁面起始時詢問、取得通知權限

--

顯示通知

寫一個當需要通知時呼叫的功能,並且根據是否允許通知來執行訊息顯示方式

--

什麼時候通知?

接下來只要決定什麼時候執行顯示通知的方法即可。可以用 WebSocket 來達成即時,也可以用 setInterval() 定時執行檢查

--

完整範例

通知的訊息是出現在系統上,不是顯示在瀏覽器中

--

 594 total views,  6 views today

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。