Frontend Portal

Notifications API в JS



Используется для настройки и отображения уведомлений на рабочий стол пользователя



Поскольку API уведомлений легко злоупотребить, по умолчанию он строго применяет две функции безопасности:

— Во-первых, пользователи должны явно согласиться получать уведомления для каждого источника

— Во-вторых, отправлять уведомления может только код, работающий в безопасном контексте (HTTPS)



HTML:

<button class="button">Нажать</button>

JS:

const notifyBtn = document.querySelector(".button");



const reqestPermission = function () {

  if (!("Notification" in window)) {

    throw new Error ("Браузер не поддерживает уведомления");

  }

  Notification.requestPermission().then((permission) => {

    const notification = new Notification("Frontend Portal", {

      body: "Привет, новый пост заказывал?",

      icon: "img/ava.jpg",

    });

  });

};



notifyBtn.addEventListener("click", reqestPermission);

👉 @FrontendPortal | #js