Há uma funcionalidade sendo planejada para o HTML5 chamada Notification
(no momento somente suportada [no desktop] pelos Firefox, Chrome e Safari):
Notification.requestPermission(/* opcional: callback */);
...
var notification = new Notification("Título", {
icon: 'https://i.sstatic.net/dmHl0.png',
body: "Texto da notificação"
});
notification.onclick = function() {
window.open("http://stackoverflow.com");
}
Exemplo no jsFiddle.
Solução específica para o WebKit
Você pode fazê-lo através de window.webkitNotifications
, conforme o exemplo abaixo:
var havePermission = window.webkitNotifications.checkPermission();
if (havePermission == 0) {
// 0 is PERMISSION_ALLOWED
var notification = window.webkitNotifications.createNotification(
'https://i.sstatic.net/dmHl0.png',
'Chrome notification!',
'Here is the notification text'
);
notification.onclick = function () {
window.open("https://stackoverflow.com/a/13328397/1269037");
notification.close();
}
notification.show();
} else {
window.webkitNotifications.requestPermission();
}
Exemplo no jsFiddle. Ao clicar pela primeira vez, o browser pedirá permissão ao usuário para exibir notificações. Após aceita, futuros cliques vão exibir a notificação.
Nota: de acordo com a API do chromium (base do Google Chrome, para quem não sabe), o método requestPermission
precisa ser chamado em resposta a uma ação do usuário, caso contrário não terá efeito.
This method should only be called while handling a user gesture; in other circumstances it will have no effect.
Entretanto, uma vez que a permissão foi concedida, você poderá chamar createNotification
quando quiser (talvez em resposta a um polling no servidor, ou a uma mensagem de um WebSocket
, etc). O requestPermission
também aceita um callback, se você quiser ser notificado quando o usuário aceitar/recusar a permissão.
Há também uma funcionalidade chamada rich notifications - que extende bastante os tipos de conteúdos suportados na notificação - mas não a conheço em detalhes. Link para a API.
Fonte do código de exemplo: essa resposta no SOEN