有哪些方法可以显示来自Web应用程序的桌面通知？

Question

我想做的是优先显示烤面包机通知,但任何"推送"桌面更新的方法都很有趣.

谢谢

Answer 1

以下是从Chrome桌面通知示例复制的Chrome,Firefox,Opera和Safari 桌面通知的工作示例.在JSBin上
试一试吧.

// request permission on page load
document.addEventListener('DOMContentLoaded', function () {
  if (Notification.permission !== "granted")
    Notification.requestPermission();
});

function notifyMe() {
  if (!Notification) {
    alert('Desktop notifications not available in your browser. Try Chromium.'); 
    return;
  }

  if (Notification.permission !== "granted")
    Notification.requestPermission();
  else {
    var notification = new Notification('Notification title', {
      icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
      body: "Hey there! You've been notified!",
    });

    notification.onclick = function () {
      window.open("https://stackoverflow.com/a/13328397/1269037");      
    };

  }

}

<button onclick="notifyMe()">Notify me!</button>

有关这方面的详细信息,请参阅我对Chrome桌面通知示例的回答.

Answer 2

在 Chrome 上，您可以使用桌面通知来实现类似的功能。例如，请参阅Chrome 桌面通知示例。

如果您的用户在他们的计算机上安装了咆哮，您应该查看咆哮开发者页面