Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 66
То есть работает сейчас практически нигде и можно использовать только как игрушку?
Хм… Оно работает, для любимых сайтов/бизнес приложений — актуально.
Более того — используем сами(бизнес-приложения). Пользователи довольны.
Более того — используем сами(бизнес-приложения). Пользователи довольны.
Ну почему, — на закрытых системах, типа интранетов, где можно сказать «нужно сидеть в таком то браузере» очень даже можно )
ps. Обновил же до отправки, не было ответа. Но на одной волне, так что правда )
ps. Обновил же до отправки, не было ответа. Но на одной волне, так что правда )
отчасти да, сейчас chrome и safari 6 (osx). Скоро выйдет firefox 22 ( пруф ), где поддержка есть, и надеюсь опера тоже поправит текущий баг с уведомлениями в своей 15 версии.
О Firefox 22 можно даже точнее сказать: выйдет 24 июня.
Vk использует как уведомление пользователю о сообщении. Очень удобная штука. Тем более если браузер ее не поддерживает ничего страшного не случится. Узнает о сообщении другим способом.
Кстати, об играх: Годвилль
Там реализованы всплывашки при определённых событиях. Появилось около полугода назад
Там реализованы всплывашки при определённых событиях. Появилось около полугода назад
На нескольких мониторах не совсем ожидаемая область нотификации. В настройках выставлено справа внизу. А в целом интересная фича.
Уважаемые, а подскажите, у vk также реализована нотификация? Дело в том что там просто в настройках необходимо установить галочку в «показывать сообщение» и всё. Никаких системных диалогов о подтверждении, да и в хроме, в настройках всплывающих окон в фильтре vk.com нет.
Нет, там сообщения с сервера JS-ом ловятся и выводятся, но как отметили выше, только на вкладке. А тут уже как бы нативная поддержка браузером.
У vk также реализована нотификация, но она реализована не так же.
Насколько я помню в первый раз появляется нативное уведомление, но автоматом стоит галочка «всегда для vk.com»
Яндекс.Почта использует подобные уведомления прямо в браузере на любой открытой вкладке (лишь бы а одной из открытых вкладок был бы сервис Яндекса). При этом работает эта фича в текущих версиях браузеров (те же Опера 12,5, Опера 15, FF 21).
Понятно, что там не HTML5 Notifications API, но, видимо, навеяно этой возможностью.
Понятно, что там не HTML5 Notifications API, но, видимо, навеяно этой возможностью.
Уведомление на странице — всего лишь стилизованный блок, а те уведомления, что описаны в статье, всплывают даже при свернутом браузере.
Ясно, спасибо, важное замечание про свёрнутый браузер. С другой стороны функция уведомления работает «здесь и сейчас», хотя и с некоторыми ограничениями, но зато на любой активной вкладке.
> Opera 15 не работает с Notifications API
Давайте не будем писать, что работает или не работает в не вышедшем барузере, или хотя бы будем указывать, что речь идет об альфе/бете.
Давайте не будем писать, что работает или не работает в не вышедшем барузере, или хотя бы будем указывать, что речь идет об альфе/бете.
Подписал beta.
Фактически это даже не альфа, это болванка на которую опера будут прикручивать фичи.
Опера 15 это стилизованный браузер Хромиум переделанный Opera Inc.
Я сам обрадовался когда увидел релиз. Но сильно растроился когда потестил. Слишком много завязок на хромиум (в итоге баги). Поспешили они даже с выходом Бета релиза.
Я сам обрадовался когда увидел релиз. Но сильно растроился когда потестил. Слишком много завязок на хромиум (в итоге баги). Поспешили они даже с выходом Бета релиза.
Под словом даже не альфа, я подразумевал, что это не альфа, не бета, не релиз кандинат, не релиз, не голд и прочее, что означает, что функционал хоть как-то устаканился и больше его не будут трогать. Это девелопер превью версия, что значит: «Ребята, посмотрите что мы тут начали кодить, но сильно не бейте, ибо мы только начали и планов у нас много, всё поменяется».
Ещё интереснее — использовать уведомления в паре с расширениями броузера (по крайней мере в хроме). Например, при закрытой вкладке можно получать важные уведомления.
И если не ошибаюсь, для хрома можно написать расширение, работающее даже при закрытом окне браузера.
И если не ошибаюсь, для хрома можно написать расширение, работающее даже при закрытом окне браузера.
Расширение можно написать для любого браузера, но это требует больше времени ( написание под каждый браузер своего плагина ). Нужно замотивировать пользователя поставить плагин, и поставить его везде, где он использует браузер ( не все синхронизируют свои настройки браузера через учетку ). Плюс если вы это сделали, то какой профит от использования нативных уведомлений?
удалено
А что за браузер в вашей статье?
Круто такое использовать в админках интернет-магазинов. Аля «новый заказ!»
Следует упомянуть, что Chrome и Safari используют системные уведомления в OSX (Notification Center), поэтому не позволяют использовать кастомные иконки (показывается иконка приложения-инициатора, т.е. самого браузера). Сомневаюсь, что это изменится.
У Firefox же своя имплементация, поэтому они показывают, что хотят. Но лишая, при этом, пользователя настроек показа в централизованном месте. Подозреваю, что это тоже не изменится.
У Firefox же своя имплементация, поэтому они показывают, что хотят. Но лишая, при этом, пользователя настроек показа в централизованном месте. Подозреваю, что это тоже не изменится.
В Chrome Canary сделали отдельный сервис для сообщений со своим центром уведомлений, выглядят практически как на скриншотах в статье. Так что скоро и в стабильной версии появятся.
Центр нотификаций
Ну в Safari это уж точно не изменится.
Значит у Хрома та же песня про централизованною настройку. Хотя это и не так критично, особенно учитывая, что можно убивать уведомления свайпом, как и в случае с нативными.
А где этот центр уведомлений в Canary? Настройки и флаги проверил, ничего не нашёл. У меня при появлении нового уведомления, старое уходит и появляется новое, нет списка и вообще всей этой менюшки в статус баре.
Значит у Хрома та же песня про централизованною настройку. Хотя это и не так критично, особенно учитывая, что можно убивать уведомления свайпом, как и в случае с нативными.
А где этот центр уведомлений в Canary? Настройки и флаги проверил, ничего не нашёл. У меня при появлении нового уведомления, старое уходит и появляется новое, нет списка и вообще всей этой менюшки в статус баре.
del
Хм, видать, на счёт Safari я тоже ошибся kandutech.net
Ураааа, наконец то браузер становится нативным…
в последней сборке хроме экпереминтально появилось новый стиль диалоговых окон. Возможно даже в будущем для браузеров появиться своебразный MFC. Между прочем AngularJS для это и создавался чтобы скрыть разницу между десктопом и вебем…
в последней сборке хроме экпереминтально появилось новый стиль диалоговых окон. Возможно даже в будущем для браузеров появиться своебразный MFC. Между прочем AngularJS для это и создавался чтобы скрыть разницу между десктопом и вебем…
Не помешало бы еще вот об этом упомянуть (нашел здесь www.html5rocks.com/en/tutorials/notifications/quick/)
Вобщем запрос разрешения произойдет только после какого-либо события. Например пользователь нажал на кнопку «разрешить системные уведомления».
А то я минут 15 понять не мог. Почему у меня этот код
However, it's very important to remember that the requestPermission method only works in event handlers triggered by a user action, like mouse or keyboard events, in order to avoid unsolicited infobars. In this case, the user action is the click on the button with id «show_button».
Вобщем запрос разрешения произойдет только после какого-либо события. Например пользователь нажал на кнопку «разрешить системные уведомления».
А то я минут 15 понять не мог. Почему у меня этот код
Notification.requestPermission() из хромовой консоли — не срабатывает. А на сайте автора, все ОК.
Не прошло и года, как Firefox и Safari допилили этот API. Долго они, долго.
Жалко на планшете/мобильном в нативном браузере не поддерживается эта функция.
Поставил Chrome на Андроиде, данная функция также не поддерживается.
Поставил Chrome на Андроиде, данная функция также не поддерживается.
Сейчас пременить то нельзя. Но на будущее, через пол-года — год, когда браузеры подтянутся к HTML5 API, можно будет использовать.
Было бы удобно в мобильных приложениях использовать.
Было бы удобно в мобильных приложениях использовать.
Недостатки:
Срабатывает при двух статусах.
А если так?
var notify = new Notification(«test»);
notify.onerror = function(e){
console.log(e.currentTarget.permission);
};
Срабатывает при двух статусах.
А если так?
var notify = new Notification(«test»);
notify.onerror = function(e){
console.log(e.currentTarget.permission);
};
На Mountain Lion картинка не отображается.
На самом делеле с HTML 5 Notifications API не так все просто. Сейчас существует целых 3 реализации этого API со своими багами и интерфейсами:
— Есть старая версия (webkitNotifications) в Safari 5 в которой нет обратного вызова у функции
— Есть версия в Safari 6, в которой вместо свойства
— Есть какая-то сборка Safari или Chromium в которой
— Есть сборка Chromium в которой при попытке вызова
И наконце есть свежая сборка в которой метод
И весь этот зоопарк гулят по просторам интернета, хотя и быстро обновляется. Ну и чтобы не огребать советую вам использовать библиотеку $.notification, которая все это чинит. Демка
— Есть старая версия (webkitNotifications) в Safari 5 в которой нет обратного вызова у функции
requestPermission (это ахтунг), а вместо свойства permission есть метод checkPermission(), который возвращает число-статус, а не строку.— Есть версия в Safari 6, в которой вместо свойства
permission есть функция permissionLevel(), которая уже возвращает строку.— Есть какая-то сборка Safari или Chromium в которой
Notification есть, а .prototype у него нет и, соответственно, при попытке вызова new Notification вы огребаете :)— Есть сборка Chromium в которой при попытке вызова
new Notification вкладка крашитсяИ наконце есть свежая сборка в которой метод
cancel() переименовали в close(), а iconUrl в icon…И весь этот зоопарк гулят по просторам интернета, хотя и быстро обновляется. Ну и чтобы не огребать советую вам использовать библиотеку $.notification, которая все это чинит. Демка
В хроме permission есть у объекта класса Notification
var notify = new Notification("test");
alert(notify.permission); // default
уже работает на мобильных платформах
Как создавать такие же уведомления, но изнутри расширения?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
HTML 5 Notifications API