No notification appears in Chrome only in firefox

Question

No notification appears in Chrome only in firefox

Asked 6 years ago

Viewed 303 times

0

I can’t make the notification work on Chrome, only on mozila, someone has a solution????

        //Verifica e solicita se o usuario tem permissao para utilizar as notificações do Chrome
        document.addEventListener('DOMContentLoaded', function () {
            if (!Notification) {
                alert('Erro no sistema de notificação, navegador não suportado.');
                return;
            }

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

        function minhaNotificao() {
            if (Notification.permission !== "granted") {
                Notification.requestPermission();
            }
            else {
                var notificacao = new Notification("Titulo da notificacao", {
                    icon: 'go.jpg', //img
                    body: 'Mensagem'
                });

                notificacao.onclick = function () {
                    window.open('http://google.com/'); //site
                };
            }
        }

        minhaNotificao();

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <h1>Notificações</h1>
    <input type="button" value="Notificar!" onclick="minhaNotificao()">
   
</body>

</html>

Duplicate: https://answall.com/questions/2101/notifies%C3%A7%C3%B5es-de-desktop-no-Chrome-com-javascript

– K4L1

2018/11/19 at 19:45
I posted because this mentioned publication is not working here for me!

– Evandro Aguiar

2018/11/20 at 15:50

1 answer

Browser other questions tagged javascript html5 google-chrome

You are not signed in. Login or sign up in order to post.

by Guilherme Nascimento • **98,651** points · Answer 1 · 2018-11-20T17:54:36+00:00

Missing one else if it is not allowed the use of this by the user, Aliais all its code this nonsense, has an event that runs after the DOMContentLoaded and another that runs deliberately when the script is loaded.

To summarize you have to use the callback in the Notification.requestPermission to check permissions when not guaranteed and if different from granted you can inform the user that he denied access, then just resetting the settings in the browser for the website espeficio to work.

function notificar()
{        
    var notificacao = new Notification('Titulo da notificacao', {
        icon: 'go.jpg', //img
        body: 'Mensagem'
    });

    notificacao.onclick = function () {
        window.open('http://google.com/'); //site
    };
}

function semPermissao()
{
    console.warn('O usuário não permitiu notificações');
}

function minhaNotificao()
{
    if (!('Notification' in window)) {
        console.warn("Este browser não suporta notificações de Desktop");
    } else if (Notification.permission === 'granted') {
        notificar();
    } else if (Notification.permission !== 'denied') {
        Notification.requestPermission(function (permission) {
            if (permission === 'granted') {
                notificar();
            } else {
                semPermissao();
            }
        });
    } else {
        semPermissao();
    }
}

document.addEventListener('DOMContentLoaded', minhaNotificao);

Note that in Gecko 46 (probably Firefox 45) the use of callback is obsolete, it should be used Promises, as an example:

function notificar()
{        
    var notificacao = new Notification("Titulo da notificacao", {
        icon: 'go.jpg', //img
        body: 'Mensagem'
    });

    notificacao.onclick = function () {
        window.open('http://google.com/'); //site
    };
}

function semPermissao()
{
    console.warn("O usuário não permitiu notificações");
}

function minhaNotificao()
{
    if (!('Notification' in window)) {
        console.warn("Este browser não suporta notificações de Desktop");
    } else if (Notification.permission === "granted") {
        notificar();
    } else if (Notification.permission !== 'denied') {
        Notification.requestPermission().then(function (permission) {
            if (permission === "granted") {
                notificar();
            } else {
                semPermissao();
            }
        });
    } else {
        semPermissao();
    }
}

document.addEventListener('DOMContentLoaded', minhaNotificao);

Enabling notifications in browsers

If the message appears in the CHROME browser console:

The user did not allow notifications

Then navigate to this address

chrome://settings/content/notifications

Then click on the button of the blocked site and select "Allow" (if your browser is in English select "Allow"):

In Firefox navigate to about:preferences#privacy then look for this (or something similar):

And then on the site you want to allow select Allow (or Allow):