Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh melaksanakan Pemberitahuan Desktop Chrome dengan berkesan?

Bagaimanakah saya boleh melaksanakan Pemberitahuan Desktop Chrome dengan berkesan?

DDD
Lepaskan: 2024-11-03 14:05:30
asal
729 orang telah melayarinya

How can I implement Chrome Desktop Notifications effectively?

Pemberitahuan Desktop Chrome

Pemberitahuan desktop Chrome menyediakan cara untuk memaparkan pemberitahuan kepada pengguna pada desktop mereka, walaupun semasa aplikasi tidak dibuka. Pemberitahuan ini boleh digunakan untuk memaklumkan pengguna tentang acara baharu, mesej atau kemas kini lain.

Rujukan API

API pemberitahuan desktop Chrome mengambil beberapa parameter:

  • tajuk: Tajuk pemberitahuan
  • ikon: Ikon untuk dipaparkan pada pemberitahuan
  • badan: Badan pemberitahuan
  • tindakan: Senarai pilihan tindakan yang boleh diambil pengguna daripada pemberitahuan

Contoh

Contoh berikut menunjukkan cara menggunakan API pemberitahuan desktop 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');
  };
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah saya boleh melaksanakan Pemberitahuan Desktop Chrome dengan berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan