通知使用者

使用擴充功能的 Notifications API，將訊息發布至使用者的系統匣。首先，請在 manifest.json 中宣告 "notifications" 權限。

{
  "name": "Drink Water Event Popup",
...
  "permissions": [
    "notifications",
  ],
...
}

宣告權限後，請呼叫 notifications.create() 來顯示通知。以下範例取自「喝水事件彈出式視窗」範例。這項功能會使用鬧鐘設定喝水的提醒。這段程式碼會顯示鬧鐘觸發情形。請點選先前的連結，瞭解如何設定這項功能。

chrome.alarms.onAlarm.addListener(() => {
  chrome.action.setBadgeText({ text: '' });
  chrome.notifications.create({
    type: 'basic',
    iconUrl: 'stay_hydrated.png',
    title: 'Time to Hydrate',
    message: "Everyday I'm Guzzlin'!",
    buttons: [{ title: 'Keep it Flowing.' }],
    priority: 0
  });
});

這段程式碼會在 macOS 上建立類似下方的通知。

macOS 上的通知
macOS 上的通知。