вторник, 18 февраля 2014 г.

Rich Notifications

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

  • 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();

Комментариев нет:

Отправить комментарий