Notification access is consistently denied

Question

Notification access is consistently denied

In my coding work, I rely on Notification.permission to determine if the browser supports notifications or not. Here's a snippet of how I handle Notification.permission in my script:

// Verify browser notification support
if (!("Notification" in window)) {
    alert("This browser does not support desktop notification");
}
var prm = Notification.permission;
if (prm == 'default' || prm == 'denied') {
    console.log("Permission denied or default");
} else {
    console.log("Permission granted");
}

While this code operates smoothly on my localhost, in a production environment, it consistently displays a 'denied' status. My browser notification settings are configured to 'always allow on this site'. https://i.sstatic.net/cMuAQ.png I am currently stumped by this issue and unable to pinpoint the cause.

javascript angularjs notifications

Answer 1

Answer №1

It's quite simple, the message reads: [Deprecation] The Notification API should not be used from insecure origins anymore. It is advisable to transition your application to a secure origin, such as HTTPS. Refer to Google's recommendations for more information. (anonymous) @ ?message=unique-identifier=123:25 ?message=unique-identifier=123:26 denied your lint should resemble something like this: [linkExample1][2] - for index.html or [linkExampe2][2]

You can find the link here it won't function online but you can execute it on a local server by creating an html file and running it under the HTTPS protocol, then choosing the Allow option in your URL: https://i.sstatic.net/jvU6z.png

Just a heads up, avoid using private (incognito mode) for this exercise - for security purposes push notifications are disabled in private or incognito mode

    let dnperm = document.getElementById('dnperm');
    let dntrigger = document.getElementById('dntrigger');

    dnperm.addEventListener('click', function(e){
        e.preventDefault();

        if(!window.Notification){
            alert("Notification not supported!");
        }else{
            Notification.requestPermission().then(function(permission) {
                console.log(permission);
                if(permission === 'denied'){
                    alert('You Have Denied Notification!');
                }else if(permission === 'granted'){
                    alert('You Have Granted notification.');
                }
            })
        }
    });

    // simulate

    dntrigger.addEventListener('click', function(e){
        let notify;

        e.preventDefault();

        console.log(Notification.permission);

        if(Notification.permission === 'default'){
            alert('Please allow notification before doing this');
        }else {
            notify = new Notification('New Message From Romzik', {
                body: 'How are you today? Is it really is a lovely day.',
                icon: 'img/msg-icon.png',
                tag: 'unique-identifier=123' // msg-id
            });

            notify.onclick = function (ev) {
                console.log(this);
                window.location = '?message=' + this.tag;
            }
        }


    })

<body>
<a href="" id="dnperm">Request permission</a>
<a href="" id="dntrigger">Trigger</a>
</body>

Answer 2

It's quite simple, the message reads: [Deprecation] The Notification API should not be used from insecure origins anymore. It is advisable to transition your application to a secure origin, such as HTTPS. Refer to Google's recommendations for more information. (anonymous) @ ?message=unique-identifier=123:25 ?message=unique-identifier=123:26 denied your lint should resemble something like this: [linkExample1][2] - for index.html or [linkExampe2][2]

You can find the link here it won't function online but you can execute it on a local server by creating an html file and running it under the HTTPS protocol, then choosing the Allow option in your URL: https://i.sstatic.net/jvU6z.png

Just a heads up, avoid using private (incognito mode) for this exercise - for security purposes push notifications are disabled in private or incognito mode

    let dnperm = document.getElementById('dnperm');
    let dntrigger = document.getElementById('dntrigger');

    dnperm.addEventListener('click', function(e){
        e.preventDefault();

        if(!window.Notification){
            alert("Notification not supported!");
        }else{
            Notification.requestPermission().then(function(permission) {
                console.log(permission);
                if(permission === 'denied'){
                    alert('You Have Denied Notification!');
                }else if(permission === 'granted'){
                    alert('You Have Granted notification.');
                }
            })
        }
    });

    // simulate

    dntrigger.addEventListener('click', function(e){
        let notify;

        e.preventDefault();

        console.log(Notification.permission);

        if(Notification.permission === 'default'){
            alert('Please allow notification before doing this');
        }else {
            notify = new Notification('New Message From Romzik', {
                body: 'How are you today? Is it really is a lovely day.',
                icon: 'img/msg-icon.png',
                tag: 'unique-identifier=123' // msg-id
            });

            notify.onclick = function (ev) {
                console.log(this);
                window.location = '?message=' + this.tag;
            }
        }


    })

<body>
<a href="" id="dnperm">Request permission</a>
<a href="" id="dntrigger">Trigger</a>
</body>

Notification access is consistently denied

Answer №1

Similar questions

The information submitted through the form is not displaying on the console after being gathered using the post method in Express

The dual-file upload feature of the jQuery ajaxForm plugin

Implementing Conditional Loops with $.each in AngularJS

Access the file by using the local absolute path for reading or downloading

An intriguing inquiry regarding HTML form intricacies

NodeJS domain error handling failing to catch ReferenceError exceptions

Having trouble with ReactJS updating the state in the correct format using moment?

What is causing my grayscale function to only impact part of the canvas?

Understanding the visibility scope in JavaScript's object-oriented programming

Make sure to select the checkbox using a protractor only if it hasn't been checked already

Error in executing Javascript function

The CSS for the ajax call functions correctly on desktop devices but is not displaying properly on mobile devices

Improving Zen Coding to integrate with JavaScript files on Sublime Text2

Exploring the Concept of Dependency Injection in Angular 2

Unable to bring in the Firebase Firestore Colletion

Sharing a boolean state between two pages using Material UI components

Set up ExpressJS to utilize port 3000 for the server

Sending a POST request from a React application to a Node server and processing the JSON

Issue with large date changes causing MUI DatePicker to freeze

Received an unexpected GET request while attempting to modify an HTML attribute