Bagaimanakah Saya Boleh Melaksanakan Pemberitahuan Desktop Chrome dalam Aplikasi Web Saya?

Menggunakan Pemberitahuan Desktop Chrome: Panduan Praktikal

Dalam pembangunan web, pemberitahuan ialah cara yang berkesan untuk melibatkan pengguna dan menyampaikan maklumat penting. Chrome, sebagai penyemak imbas yang digunakan secara meluas, menyokong pemberitahuan desktop yang menyediakan kaedah yang mudah untuk memaparkan mesej di luar tetingkap penyemak imbas.

Untuk menggunakan pemberitahuan desktop Chrome dalam kod anda, terdapat beberapa panggilan API penting untuk difahami:

• Notification.requestPermission(): Meminta kebenaran daripada pengguna untuk memaparkan pemberitahuan.
• New Notification('title', { options }): Mencipta tika pemberitahuan baharu dengan tajuk dan pilihan pilihan (cth., ikon, badan).
• notification.onclick: Pengendali acara yang dijalankan apabila pengguna mengklik pada pemberitahuan .

Untuk keserasian merentas platform, pertimbangkan untuk menggunakan pemberitahuan Pekerja Perkhidmatan. Walau bagaimanapun, pemberitahuan desktop lebih mudah untuk dilaksanakan dan menawarkan tahap kefungsian yang munasabah.

Di bawah ialah contoh pemberitahuan desktop yang berfungsi dalam Chrome, Firefox, Opera dan Safari:

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

<script>
// 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 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');
    };
  }
}
</script>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Pemberitahuan Desktop Chrome dalam Aplikasi Web Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!