Quels moyens sont là pour afficher une notification du bureau, à partir d'une application web?

Ce que je voudrais faire, c'est montrer un grille-pain comme de la notification de préférence, mais toute méthode de "pousser" les mises à jour de l'ordinateur de bureau est intéressant.

Grâce

  • Pour afficher les notifications à partir d'un site web dans une fenêtre contextuelle, vous pouvez utiliser alert.
  • Merci, mais je suis à la recherche d'une solution qui sera la bonne interface utilisateur pratique aussi bien.
  • comment faire la même chose avec windowsforms dans asp.net? @reshefm
InformationsquelleAutor reshefm | 2011-05-23
  1. 132

    Ci-dessous est un exemple de travail de notifications sur le bureau pour Chrome, Firefox, Opera et Safari, copié à partir de Chrome de notification du bureau, exemple.

    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 à Chrome de notification du bureau, exemple.

    • Votre remarque à propos de google Chrome 24 a été très helpfu, merci!
    • À l'aide de window.open vous êtes de passage à une URL spécifique à être ouvert sur le clic. Existe t'il une méthode pour ouvrir l'onglet qui jette la notification?
    • Cela a été rendu obsolète. Le meilleur exemple serait le Mozilla Developer Network.
    • Merci, j'ai mis à jour ma réponse. D'accord pour supprimer nos commentaires?
    • Les notifications sont juste vers le haut pour moi en chrome 39, 2 semaines trop tard..
    • comment faire la même chose avec deskto application (windows form)?
    • Merci pour le post informatif. Il m'a beaucoup aidé à comprendre cette structure de notification.
    • J'ai testé le live sur JSBin, Il ne fonctionne pas sous Chrome V. 63 même si elle fonctionne dans Firefox correctement.
    • copié & collé = a fonctionné parfaitement sur chrome, firefox, opera et à bord! ne fonctionne pas sur ie bien. (upvoted)

    InformationsquelleAutor Dan Dascalescu
  2. 2

    Sur Chrome, vous pouvez obtenir quelque chose comme ceci à l'aide de notification du Bureau. Voir Chrome de notification du bureau, exemple par exemple.

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

    InformationsquelleAutor Jay Sidri