PWA 漸進式網路應用程式 - 3. 桌面版瀏覽網頁通知

5 月 21, 2024

--

以下不適用行動手機版

--

前言

要使用 PWA Service workers 的通知推播,也是要先了解及設定基本的通知,以下測試運作在 Windows 上,手機上基本上不支援,請參考 Notification: Notification() constructor

--

參考資源

--

取得推播通知授權

通知授權權限必須手動觸發,觸發後再選擇「允許」才完成授權動作。

任何在未授權就執行的推播動作將被瀏覽器直接拒絕推播權限,包含網頁載入就詢問授權

--

推播訊息

取得授權後就可以顯示推播訊息

成功會在畫面右下角出現推播訊息

--

options 說明

 

--

瀏覽器、系統設定

Windows 11

開啟通知

設定 → 系統 → 通知

--

 245 total views,  1 views today

發佈留言

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