Уведомление: статический метод requestPermission()

Статический метод requestPermission() интерфейса Notification запрашивает разрешение у пользователя для текущего источника отображать уведомления.

Метод возвращает Promise, который выполняется со строкой, указывающей, было ли разрешение предоставлено или отклонено.

callback Необязательно Устаревший

Необязательная функция обратного вызова, которая вызывается со значением разрешения. Устарела в пользу значения возврата Promise.

A Promise, который разрешается в строку с разрешением, выбранным пользователем. Возможные значения для этой строки:

granted

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

denied

Пользователь явно запретил текущему источнику отображать системные уведомления.

default

Решение пользователя неизвестно; в этом случае приложение будет действовать так, как будто разрешение было denied.

Устаревшая версия метода возвращает undefined.

Предположим этот базовый HTML:

<button onclick="notifyMe()">Notify me!</button>

Можно отправить уведомление следующим образом — здесь представлен достаточно подробный и полный набор кода, который можно использовать, если вы хотите сначала проверить, поддерживаются ли уведомления, затем проверить, было ли предоставлено разрешение для текущего источника отправлять уведомления, затем запросить разрешение, если необходимо, прежде чем отправить уведомление.

Обратите внимание, что запрос должен выполняться в ответ на взаимодействие пользователя: ниже, метод вызывается в обработчике события click.

function notifyMe() {
  if (!("Notification" in window)) {
    // Check if the browser supports notifications
    alert("This browser does not support desktop notification");
  } else if (Notification.permission === "granted") {
    // Check whether notification permissions have already been granted;
    // if so, create a notification
    const notification = new Notification("Hi there!");
    // …
  } else if (Notification.permission !== "denied") {
    // We need to ask the user for permission
    Notification.requestPermission().then((permission) => {
      // If the user accepts, let's create a notification
      if (permission === "granted") {
        const notification = new Notification("Hi there!");
        // …
      }
    });
  }

  // At last, if the user has denied notifications, and you
  // want to be respectful there is no need to bother them anymore.
}

Мы больше не показываем живой пример на этой странице, так как Chrome и Firefox больше не позволяют запрашивать разрешения на уведомления из кросс-доменных <iframe>, другие браузеры последуют.

Чтобы посмотреть пример в действии, проверьте наш пример списка дел (также см. приложение, работающее в режиме реального времени).

• Использование API уведомлений