6.2 Notifications

Desktop Notifications

Notificationsとは

デスクトップ通知を表示する機能。

// manifest.json
{
  "permissions": ["notifications"]
}

通知の作成

chrome.notifications.create('notify-id', {
  type: 'basic',
  iconUrl: 'icons/icon128.png',
  title: '通知タイトル',
  message: '通知メッセージ',
  priority: 2
});

// ボタン付き通知
chrome.notifications.create('action-notify', {
  type: 'basic',
  iconUrl: 'icons/icon128.png',
  title: '確認',
  message: '処理を実行しますか?',
  buttons: [
    { title: 'はい' },
    { title: 'いいえ' }
  ]
});

イベント処理

chrome.notifications.onClicked.addListener((notificationId) => {
  console.log('通知がクリックされた:', notificationId);
  chrome.notifications.clear(notificationId);
});

chrome.notifications.onButtonClicked.addListener((notificationId, buttonIndex) => {
  if (buttonIndex === 0) {
    // 「はい」がクリックされた
  }
});

通知タイプ

タイプ説明
basic基本的な通知
image画像付き通知
listリスト形式
progressプログレスバー付き
参考文献
[1] Chrome Extensions - chrome.notifications