Блог

Я пытался заставить уведомление работать в Chrome и Brave, но при нажатии кнопки ничего не отображается. При первом обновлении с помощью console.log запрашивается разрешение, и если я обновлю его с помощью console.log, отображается ‘предоставлено. Следовательно, должна быть возможность создать новое уведомление с помощью new Notification(); конструктора. Проблема в том, что оно просто ничего не показывает.

Я проверил настройки веб-страницы, и все должно быть в порядке. У меня такое ощущение, что поддержка Chrome больше не работает для API уведомлений. Есть ли какой-нибудь лучший способ получать уведомления с помощью Javascript, чтобы при выполнении определенных требований к данным оно показывало уведомление всем пользователям / посетителям?

И, кроме того, как заставить уведомление отображаться, даже если вы закрыли страницу?

код

 <div class="container">
    <h1>Notification Test</h1>
    <button onclick="notifyMe()">I want a notification!</button>
</div>

<script>
function notifyMe(){
    // Let's check if the browser supports notifications
    if (!("Notification" in window)) {
        alert("This browser does not support desktop notification");
    }

    // Let's check if the user is okay to get some notification
    else if (Notification.permission === "granted") {
        // If it's okay let's create a notification
        var notification = new Notification("Hi there!");
        notification.show();
    }

    // Otherwise, we need to ask the user for permission
    // Note, Chrome does not implement the permission static property
    // So we have to check for NOT 'denied' instead of 'default'
    else if (Notification.permission !== 'denied') {
        Notification.requestPermission(function (permission) {

            // Whatever the user answers, we make sure we store the information
            if(!('permission' in Notification)) {
                Notification.permission = permission;
            }

            // If the user is okay, let's create a notification
            if (permission === "granted") {
                var notification = new Notification("Hi there!");
            }
        });
    }
}
</script>