Maison >interface Web >js tutoriel >Comment puis-je mettre en œuvre efficacement les notifications du bureau Chrome ?

Comment puis-je mettre en œuvre efficacement les notifications du bureau Chrome ?

DDD
DDDoriginal
2024-11-03 14:05:30726parcourir

How can I implement Chrome Desktop Notifications effectively?

Notifications du bureau Chrome

Les notifications du bureau Chrome permettent d'afficher des notifications aux utilisateurs sur leur bureau, même lorsque l'application n'est pas ouverte. Ces notifications peuvent être utilisées pour alerter les utilisateurs de nouveaux événements, messages ou autres mises à jour.

Référence de l'API

L'API de notification du bureau Chrome prend plusieurs paramètres :

  • titre : Le titre de la notification
  • icône : L'icône à afficher sur la notification
  • body : Le corps de la notification
  • actions : Une liste facultative d'actions que l'utilisateur peut effectuer à partir de la notification

Exemple

L'exemple suivant montre comment utiliser l'API de notification du bureau Chrome :

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('http://stackoverflow.com/a/13328397/1269037');
  };

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn