Как стать автором
Обновить

Посылаем сообщения в Notification Center из браузера

Время на прочтение 1 мин
Количество просмотров 12K
С выходом Mac OSX 10.8 пользователям был представлен «Центр Уведомлений» — Notification Center. Как только вам приходит новая почта или сообщение в Facebook, то вы видите в правом верхнем углу всплывающее окошко с уведомлением об этом. Notification Center идентичен панели уведомлений в iOS.

Используя Notifications API, можно посылать уведомления в Notification Center Mac OSX Mountain Lion из браузера Safari.


Более подробно работа с Notifications API была описана mythmaker на хабре в топике habrahabr.ru/post/104670

Ту статью могу дополнить только тем, что вызов метод window.webkitNotifications.requestPermission() может принимать в качестве параметра каллбэк функцию.

window.webkitNotifications.requestPermission(function(){
// что-то тут делаем…
});

В Mac OS до версии 10.8 JS Notification API был реализован в Google Chrome и работал точно так же как и в других ОС. С версии 10.8 поддержка уведомлений добавлена и в Safari, но неработает отображение иконки, заданной в уведомлении. В качестве иконки отображается иконка приложения, откуда был вызван нотис. Так же нет возможности задавать HTML уведомления.

Код вызова очень прост:
function shown(){
	( window.webkitNotifications.createNotification('message.png', 'Привет Хабр!', 'Получили нотис. Трололо...') ).show();
}


Ниже представлены скриншоты с результатами работы скрипта.

Вызов из Safari



Вызов из Google Chrome



А так выглядели нотисы в Google Chrome в Mac OSX в предыдущей версии

Теги:
Хабы:
+21
Комментарии 22
Комментарии Комментарии 22

Публикации

Истории

Работа

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн