Уведомлениях от браузеров

Основная информация

В fly-notifications_1.0.13 была добавлена поддержка уведомлений от браузеров, которые используют Notification API.

Инструкция для использования Notification API в браузерах

Для тестирования или для знакомства c уведомлениями от браузеров, то есть для использования Notifications API, можно воспользоваться консолью в браузере, нужно выполнить следующие шаги:

1. Открыть браузер и перейти на любой сайт, например на astra.ru;

2. Для показа консоли в браузерах, нужно нажать быструю клавишу F12 и перейти на вкладку Консоль (Console):

3. Первый запуск консоли не даст вставлять текст из буфера обмена, нужно вручную ввести кодовую фразу, чтобы вставка включилась, читайте предупреждение в консоли, когда будете вставлять что-то в первый раз;

4. Выполнить в консоли запрос на уведомления, командой:

Notification.requestPermission()

5. После выполнения команды, браузер спросит: разрешить ли уведомления для данного сайта и нужно нажать на кнопку разрешения.

6. После разрешения уведомлений, можно отправлять уведомления через консоль и уведомления будут отображаться в центре уведомлений (fly-notifications), пример отправки уведомлений:

new Notification("Краткое содержание(Summary)", {
    body: "Описание (description)",
    icon: "https://astra.ru/partners/img/content/partners/statuses/item_1.svg"
});

Элементы в уведомлениях от браузера

Элементы в уведомлениях от браузера

Уведомления от браузеров имеют следующие элементы:

1. Иконка (Icon) - иконка приложения, которое отправляет Desktop уведомление.

2. Заголовок (Title) - обычно, служит для краткого содержания (Summary) Desktop уведомлений, но в случае с уведомления от браузеров, в нём пишется название приложения, которое отправило уведомление;

3. Время (Time) - время получения уведомления;

4. Кнопка закрытия (Close button) - кнопка закрытия уведомления;

5. Тело уведомления (Body) - обычно, служит для текста описания (description) Desktop уведомлений, но в случае с уведомления от браузеров, в нём содержится другие элементы:

   • Изображение (Image) - изображение, из Notification.icon свойства (property);

   • Краткое содержание (Summary) - текст, из Notification.title свойства (property);

   • Описание (Description) - текст, из Notification.body свойства (property);

   • Оригинальное название (Origin name) - название сайта (домена), от которого было отправлено уведомление.

Пример команды для отображения уведомления от браузера Chromium:

new Notification("Краткое содержание(Summary)", {
    body: "Описание (description)",
    icon: "https://astragroup.ru/partners/img/content/partners/statuses/item_1.svg"
});

Особенности при отправке уведомлений от браузеров

Рассматриваемые версии браузеров, в Astra Linux 1.8.1:

Браузер	Версия
Chromium	125.0.6422.141-0astragost0+ci202406101827+astra7
Google Chrome	129.0.6668.100-1
Firefox	126.0.1+build1-0ubuntu0.20.04.1+ci202405300945+astra13
Opera	114.0.5282.86
YandexBrowser	24.4.3.1077-1

Особенности:

Особенность	Chromium	Google Chrome	Firefox	Opera	YandexBrowser
«Изображение (Image)» браузера, если не указать Notification.icon	+	+	-	+	+
Поддержка поля «Оригинальное название (Origin name)»	+	+	-	+	+