通知 API 指南
通知 API 負責顯示使用者系統通知。這是瀏覽器提供給開發者的介面，允許在沒有在瀏覽器中打開網站的情況下，經由使用者的允許，向使用者顯示訊息。 介紹通知 API 權限 建立通知 新增內容 新增圖片 關閉通知 介紹通知 API 通知 API 是瀏覽器提供給開發者的介面，允許在沒有打開網站或網頁應用程式的情況下，通過使用者的允許，向使用者顯示訊息。 這些訊息是一致且原生的，也就是接收者從外觀和使用者體驗的角度習慣了它們。它們具有系統層級的特性，並不特定於您的網站。 結合 Push API，這項技術可以是提高用戶參與度和增強應用程式功能的有效方法。 通知 API 會與 Service Workers 高度交互，因為他們是推送通知所需的。您可以在沒有推送的情況下使用通知 API，但其使用情境會受到限制。 if (window.Notification && Notification.permission !== "denied") { Notification.requestPermission((status) => { // 如果被使用者接受，狀態會是 granted var n = new Notification('標題', { body: '我是內容！', icon: '/path/to/icon.png' // 選用 }) }) } n.close() 權限 要向使用者顯示通知，您必須具有此權限。 Notification.requestPermission() 方法呼叫請求此權限。 您可以以以下簡單的方式呼叫 Notification.requestPermission()，並且它會顯示一個權限授予面板，除非之前已經授予了此權限。 要在使用者互動（允許或拒絕）時執行操作，您可以附加一個處理函式： const process = (permission) => { if (permission === "granted") { // 我們可以顯示通知 } } Notification....