我想做的是最好显示一个类似 toastr 的通知,但是任何将更新“推送”到桌面的方法都很有趣。
谢谢
最佳答案
下面是 Chrome、Firefox、Opera 和 Safari 桌面通知的工作示例,复制自 Chrome desktop notification example .
现场体验 on 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 desktop notification example 的回答中了解有关其工作原理的更多信息.
关于web-applications - 有哪些方法可以显示来自 Web 应用程序的桌面通知?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6092885/