Как работают системные уведомления в современных браузерах?

Системные уведомления в современных браузерах работают следующим образом: wiki.iqstore.ru

1. При первом открытии страницы приложения браузер запрашивает разрешение показывать системные уведомления. wiki.iqstore.ru Нужно нажать кнопку «Разрешить». wiki.iqstore.ru
2. После этого системные уведомления будут автоматически отображаться, когда открыта страница приложения, но окно браузера с этой страницей не активно (например, свёрнуто). wiki.iqstore.ru

Также в браузерах есть push-уведомления. thecode.media rb.ru Они работают на уровне браузера и операционной системы и не зависят от активности сайта. thecode.media Даже если вкладка закрыта, фоновый скрипт Service Worker остаётся активным и принимает сообщения. thecode.media Браузер взаимодействует с Push-сервером, а когда приходит сообщение, активирует Service Worker, который обрабатывает данные и передаёт их в Notifications API. thecode.media Notifications API работает в браузере, но показывает уведомления так, как это делает сама операционная система: в Windows они всплывают в правом нижнем углу, а на macOS или мобильных устройствах — в центре уведомлений. thecode.media