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
Libérer: 2024-11-03 14:05:30
original
727 Les gens l'ont consulté

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');
  };
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal