使用擴充功能將訊息張貼至使用者的系統匣 通知 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 上的通知。