Ниже приведен рабочий пример уведомлений рабочего стола для Chrome, Firefox, Opera и Safari, скопированных из Пример уведомления рабочего стола Chrome .
Попробуйте вживую на 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 .