web-dev-qa-db-fra.com

Quels sont les moyens disponibles pour afficher une notification de bureau à partir d'une application Web?

Ce que je voudrais faire, c'est afficher de préférence un grille-pain comme notification, mais toute méthode de "pousser" les mises à jour sur le bureau est intéressante.

Merci

34
reshefm

Vous trouverez ci-dessous un exemple fonctionnel de notifications de bureau pour Chrome, Firefox, Opera et Safari, copié à partir de exemple de notification de bureau Chrome .
Essayez-le en direct sur 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>

Plus d'informations sur la façon dont cela fonctionne dans ma réponse à exemple de notification de bureau Chrome .

133
Dan Dascalescu

Sur Chrome, vous pouvez réaliser quelque chose comme ça en utilisant la notification Desktop. Voir exemple de notification de bureau Chrome par exemple.

Si vos utilisateurs ont installé grondement sur leur machine, vous devriez vérifier page développeur grondement

2
Jay Sidri