Сделать веб-уведомление также работает в браузере смартфона? - PullRequest
Новая
       18

Сделать веб-уведомление также работает в браузере смартфона?

1 голос
/ 22 мая 2019

У меня есть этот код, который позволяет мне отправлять веб-уведомления на текущую страницу через статический сайт Azure http.

Но я хочу, чтобы уведомление также работало с мобильным браузером на смартфоне .Кажется, там не работает.Есть ли какое-либо решение или альтернативный способ симуляции уведомлений в браузере смартфона.Я хочу сделать программный прототип для получения уведомлений на smartphnoe. 

<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3pro.css">
  <script>
    function ask_for_permission() {
      navigator.serviceWorker.register('sw.js');
      Notification.requestPermission(function (result) {
        if (result === 'granted') {
          navigator.serviceWorker.ready.then(function (registration) {
            registration.showNotification('Notification with ServiceWorker');
          });
        }
      });
    }

    function send() {

      Notification.requestPermission(function (result) {
        if (result === 'granted') {
          navigator.serviceWorker.ready.then(function (registration) {

            var ntitle = document.getElementById('title').value;
            var nbody = document.getElementById('body').value;

            registration.showNotification(ntitle, {
              body: nbody
            });

          });
        }
      });


    }
  </script>
</head>

<body onload="init()">
  <style> body{
    background-image: url("background2.jpg");
  }
  </style>
  <div class="w3-container w3-card">
    <h1>Phone App</h1>

    <button id="ask_permission" onclick="ask_for_permission()">Aktivieren</button>
    <div>
      Titel:
      <input id="title" value="Neue Benachrichtigung" /><br />
      Inhalt:
      <input id="body" value="Ich bin eine Webnotification!" /><br />
      <button onclick="send()">Senden</button>
    </div>
  </div>
</body>

</html>
...