Comment afficher les notifications du bureau dans Chrome ?

Comment implémenter les notifications de bureau dans Chrome ?

Les navigateurs modernes proposent deux types de notifications : les notifications de bureau et les notifications des techniciens de service. Les notifications sur le bureau sont plus simples à déclencher, fonctionnant uniquement lorsque la page est ouverte et disparaissant potentiellement après un court intervalle.

L'appel API pour les deux types prend des paramètres identiques (à l'exception des actions, qui ne sont pas disponibles pour les notifications sur le bureau).

Exemple de notification sur le bureau pour Chrome

L'extrait de code ci-dessous illustre les notifications sur le bureau dans Chrome :

<code class="javascript">// Request permission on page load
document.addEventListener('DOMContentLoaded', function() {
 if (!Notification) {
  alert('Desktop notifications not available in your browser. Try Chromium.');
  return;
 }

 if (Notification.permission !== 'granted')
  Notification.requestPermission();
});

// Function to display a notification
function notifyMe() {
 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');
  };
 }
}</code>

HTML pour déclencher une notification

<code class="html"><button onclick="notifyMe()">Notify me!</button></code>

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!