WEB start

Компьютеры. Интернет. Профессиональное обучение. 055-966-10-17

hit 
counter

Наши преимущества

  • Наши программы обучения ориентированы на конкретного слушателя. Вы можете обучаться по одной из предложенных Вам программ, а можете самостоятельно составить, откорректировать, откорректировать свою персональную программу обучения. Преподаватель, консультант помогают Вам сориентироваться в материале курса при выборе программы обучения.
  • Обучение индивидуальное. Преподаватель проводит занятие только для Вас, ориентируясь на Ваши возможности, предыдущие знания и опыт, скорость восприятия нового материала.
  • Вы учитесь в удобное для Вас время, в удобной для Вас форме, может быть выбран гибкий график занятий, в соответствии с Вашими возможностями и пожеланиями.
  • Обучение проводится дистанционно. Вы можете обучаться, сидя за Вашим компьютером дома или на работе, не тратя время на поездки к месту обучения.


Регистрация на сайте

Ремонт и обслуживание PC

WEB - уведомления (Notifications)

API уведомлений (notifications) позволяет веб-страницам управлять показом уведомлений конечным пользователям. Они находятся за пределами окна просмотра, поэтому их можно отображать даже тогда, когда пользователь переключает вкладки или перемещается в другое приложение. API разработан с учётом совместимости с существующими системами уведомлений на разных платформах.

На поддерживаемых платформах показ системного уведомления обычно включает в себя два этапа.

Во-первых, пользователь должен предоставить разрешение для отображения системных уведомлений, что обычно делается, когда приложение или сайт инициализируются с использованием метода Notification.requestPermission (). Это вызовет диалог запроса , где пользователь может разрешить уведомления из этого источника, блокировать уведомления из этого источника или не выбирать в этот момент. После того, как выбор сделан, настройка обычно сохраняется для текущего сеанса.

Во-вторых, с помощью конструктора Notification () создается новое уведомление. Ему должен быть передан в качестве аргумента заголовок сообщения и, возможно, - объект options для указания дополнительных параметров, таких как направление текста, основной текст, значок для отображения, звук уведомления для воспроизведения и многое другое.

Запрос разрешения

Notification.requestPermission()

Проверить статус разрешения

Notification.permission

Создание уведомления

Для этого используется конструктор уведомления. Этот конструктор предполагает, что в уведомлении будет отображаться заголовок и некоторые параметры для улучшения уведомления, такие как иконка или тело текста.

var notification = new Notification('Need support', {
body: 'Call us ...'
});

Методы, свойства и события

API веб-уведомлений принимает два параметра: строку, содержащую заголовок уведомления, и необязательный объект настроек. Настройки, которые мы можем указать:

  • body: Строка, используемая для дальнейшего уточнения цели уведомления.
  • lang: Указывает язык уведомления. Его значение должно соответствовать стандарту BCP 47. Примеры действительных строк - en-US и it-IT.
  • dir: Определяет направление текста сообщения. Его значение может быть автоматически означающим, что направление основано на настройках браузера, ltr, чтобы указать направление слева направо (для европейских языков) или rtl, чтобы указать направление справа налево (для некоторых азиатских языков).
  • tag: Строка, которая используется как идентификатор, который можно использовать для извлечения, замены или удаления уведомления.
  • icon: Указывает URL-адрес изображения, которое будет использоваться в качестве значка уведомления.

Чтобы создать экземпляр объекта Notification, мы должны написать инструкцию следующим образом:

var note = new Notification('Need support', {
body: 'Call us ...'
});

Настройки доступны как свойства для чтения экземпляра объекта notification.

Кроме того, объект Notification предоставляет свойство, называемое разрешением (permission). Разрешение содержит строку, представляющую текущей статус разрешения на отображение уведомлений.

Его значение может быть одним из следующих:

  • denied, что означает, что пользователь отклонил уведомления
  • granted, что означает, что пользователь дал разрешение
  • default, что означает, что выбор пользователя неизвестен

Этот API предоставляет два метода: requestPermission() и close(). Как следует из названия, первый используется для запроса разрешения на показ уведомлений пользователю, в то время как последний программно закрывает уведомление.

requestPermission () - это метод объекта Notification, который принимает необязательный параметр - callback функцию, которая выполняется, когда пользователь принимает или отклоняет разрешение. Выбор пользователя передается в эту функцию в качестве параметра, и значение может быть: granted, denied, default.

close () является методом, который не принимает никаких параметров.

Иногда может потребоваться выполнить действие в тот момент, как только изменится статус уведомления. Например, мы можем захотеть узнать, нажал ли пользователь уведомление или когда уведомление закрывается. Для этого мы можем привязать программу-обработчик к одному из четырех событий:

  • onclick: вызывается, когда пользователь нажимает на уведомление.
  • onclose: вызывается, как только пользователь или броузер закрывает уведомление.
  • onerror: вызывается, если с уведомлением возникает ошибка.
  • onshow: вызывается, когда отображается уведомление.

Пример использования этих событий.

var note = new Notification('Need support', {
body: 'Call us ...'
});
note.onshow = function () {
console.log ("Отображено уведомление");
};