拡張機能を使用してユーザーのシステムトレイにメッセージを投稿する 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 で次のような通知を作成します。

<ph type="x-smartling-placeholder">
</ph> macOS での通知
macOS での通知