Как настроить уведомления в браузере

Я хочу предупреждать пользователей моего веб-сайта о новом контенте с форумов, личных сообщений и т. д. На моем веб-сайте с помощью уведомлений на рабочем столе Chrome, но я не уверен, как это сделать правильно. Есть ли что-то вроде библиотеки или плагина jquery, который я могу использовать, потому что я думал об использовании ajax, который обновляет скрипт php каждые 30 секунд или что-то в этом роде. Кроме того, еще одна вещь - могу ли я отправлять уведомления пользователям, у которых мой веб-сайт не открыт, или мне нужно иметь расширение браузера для этой части?

Пока что я нашел этот сценарий в другом потоке для отправки уведомлений и запроса разрешения.

<script type = "text/javascript">
// request permission on page load
document.addEventListener('DOMContentLoaded', function () {
  if (!Notification) {
    alert('Desktop notifications not available in your browser. Try Chromium.'); 
    return;
  }

  if (Notification.permission !== "granted")
    Notification.requestPermission();
});

function notifyMe() {
  if (Notification.permission !== "granted")
    Notification.requestPermission();
  else {
    var notification = new Notification('Notification title', {
      icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
      body: "Hey there! You've been notified!",
    });

    notification.onclick = function () {
      window.open("http://stackoverflow.com/a/13328397/1269037");      
    };

  }

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

Вам следует искать сервисные работы и pwa (прогрессивные веб-приложения)

NielsNet 13.05.2018 20:03

Я говорю не о push-уведомлениях Android, а об уведомлениях браузера рабочего стола. На некоторых новостных сайтах они есть.

nived 13.05.2018 20:10

я знаю. Вы провели поиск по двум ключевым словам, которые я упомянул?

NielsNet 13.05.2018 20:11
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
28
0

Другие вопросы по теме