Rich Notifications

Есть два способа добиться похожего результата.

• web notifications API, стандартизованный W3C
• chrome.notifications API для браузера Chrome.

Возможности второго несколько шире, и коль скоро мы разрабатываем расширение именно для Chrome, то вопрос кросс-браузерности нас не слишком волнует.

 

Пример использования web notifications API

Прежде всего, в манифесте прописывается разрешение:

{
  "name": "My extension",
  "manifest_version": 2,
   ...
  "permissions": [
	"notifications"
	],
   ...
   // Примечание: Из-за ошибки №134315, необходимо явно указать все изображения
   // которые вы хотите использовать при вызове createNotification().
   "web_accessible_resources": [
	"48.png" ],
}

Далее используем объект webkitNotifications для создания уведомления:

// Нет необходимости использовать webkitNotifications.checkPermission().
// Поскольку в манифесте мы прописали их использование, то они всегда разрешены

// Создаем простое текстовое уведомление
var notification = webkitNotifications.createNotification(
  '48.png',  // относительный URL иконки
  'Привет!',  // Заголовок
  'Уведомляем вас, что уведомлять нам не о чем'  // Текст
);

// В оригинале был еще пример создания HTML-уведомления, но поскольку этот метод deprecated, я его выпилил.

// Отправляем.
notification.show();