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

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

| 我想做的是最好显示一个类似烤面包机的通知，但是任何“推动”更新到桌面的方法都很有趣。 谢谢     

解决方法

以下是从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桌面通知示例的回答。     ,在Chrome上，您可以使用桌面通知来实现类似目的。例如，请参阅Chrome桌面通知示例。 如果您的用户在其计算机上安装了咆哮，则应签出咆哮开发者页面