Notification permission dialog is not called in Chrome/firefox mobile

Question

I’m trying to make a notification using the Notification on Chrome/firefox mobile, however I cannot request permission for the user. I put a alert to show what is the current page notification permission, which is running from a server locally, and appears denied even though it did not show the dialogue requesting such permission.

I also checked the Chrome and firefox settings to see if it was configured there for Perguntar antes and both are ok. Also not in the list of blocked websites

In desktop browsers both Chrome and firefox run normally requesting permission if you don’t have it and triggering the notification if the permission is granted.

This here is the code I’m testing I took him from the mozzila Developers a little adapted for me to "debug" in mobile browser:

<button type="button" onclick="showNotification()">btn1</button>
<button type="button" onclick="mostrarNot()">btn2</button>
<script>
  navigator.serviceWorker.register('sw.js');

  function showNotification() {
    Notification.requestPermission(function(result) {
      alert("rapaz ate ta sendo chamado aqui")
      if (result === 'granted') {
        navigator.serviceWorker.ready.then(function(registration) {
          registration.showNotification('Vibration Sample', {
            body: 'Buzz! Buzz!',
            vibrate: [200, 100, 200, 100, 200, 100, 200],
            tag: 'vibration-sample'
          });
        });
      }
    });
  }
  
  function mostrarNot(){
    Notification.requestPermission().then(function(permission) { alert(permission)});
  }
</script>

He even enters the function of requesting the notification but gets there and already ta denied like I said.

Answer 1

The problem was that I was trying to access within my local network and without the certificate does not work. The solution was to use the ngrook to expose the application via internet and access with his certificate.