首頁 > web前端 > js教程 > 如何有效實施 Chrome 桌面通知?

如何有效實施 Chrome 桌面通知?

DDD
發布: 2024-11-03 14:05:30
原創
715 人瀏覽過

How can I implement Chrome Desktop Notifications effectively?

Chrome 桌面通知

Chrome 桌面通知提供了一種在用戶桌面上向用戶顯示通知的方法,即使應用程式未開啟也是如此。這些通知可用於提醒用戶有新事件、訊息或其他更新。

API 參考

Chrome 桌面通知API 需要幾個參數:

  • 標題:通知的標題
  • 標題:通知的標題

圖示

:通知上顯示的圖示

if (Notification.permission !== 'granted')
  Notification.requestPermission();
else {
  var notification = new Notification('Notification title', {
   icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
   body: 'Hey there! You\'ve been notified!',
  });
  notification.onclick = function() {
   window.open('http://stackoverflow.com/a/13328397/1269037');
  };
登入後複製
正文:正文通知的操作:使用者可以從通知中執行的選用操作清單範例以下範例顯示如何使用Chrome桌面通知API:

以上是如何有效實施 Chrome 桌面通知?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板