Berpindah ke sistem notifikasi native di macOS

Stephen McGruer
Stephen McGruer

Mulai Chrome 59, notifikasi yang dikirim melalui Notifications API atau chrome.notifications extensions API akan ditampilkan langsung oleh sistem notifikasi native macOS, bukan sistem Chrome sendiri.

Perubahan ini membuat Chrome di macOS terasa jauh lebih terintegrasi dengan platform dan memperbaiki sejumlah bug lama, seperti Chrome yang tidak mematuhi setelan Jangan Ganggu sistem.

Di bawah ini, kita akan melihat perbedaan yang diperkenalkan oleh perubahan ini pada API yang ada.

Pusat notifikasi

Salah satu manfaat perubahan ini adalah notifikasi akan ditampilkan di pusat notifikasi macOS.

Notifikasi Google Chrome akan ditampilkan di pusat notifikasi macOS
Notifikasi Google Chrome akan ditampilkan di pusat notifikasi macOS

Perbedaan

Ukuran dan posisi ikon

Tampilan ikon akan berubah. Ukurannya akan lebih kecil dan padding akan diterapkan. Sebaiknya pertimbangkan untuk beralih ke ikon latar belakang transparan bukan warna solid agar terlihat menarik.

Sebelum dan sesudah untuk ikon notifikasi Chrome di Mac yang ditampilkan oleh Chrome vs. yang ditampilkan oleh
    macOS.
Sebelum dan sesudah untuk ikon notifikasi Chrome di Mac yang ditampilkan oleh Chrome vs. ditampilkan oleh macOS

Ikon tindakan

Sebelum perubahan ini, tombol dan ikon tindakan akan ditampilkan dalam notifikasi. Dengan notifikasi native, ikon tombol tindakan tidak akan digunakan dan pengguna harus mengarahkan kursor ke notifikasi dan memilih tombol "Lainnya" untuk melihat tindakan yang tersedia.

Sebelum dan sesudah tombol tindakan notifikasi dengan ikon yang ditampilkan oleh
    Chrome vs. ditampilkan oleh macOS.
Sebelum dan sesudah tombol tindakan notifikasi dengan ikon yang ditampilkan oleh Chrome vs. ditampilkan oleh macOS

Logo Chrome akan selalu ditampilkan dan tidak dapat diganti atau diubah. Hal ini merupakan persyaratan untuk aplikasi pihak ketiga di macOS.

Gambar

Opsi image tidak akan lagi didukung di macOS. Jika Anda menentukan properti gambar, notifikasi akan tetap ditampilkan, tetapi akan mengabaikan parameter gambar (Lihat contoh di bawah).

Sebelum dan sesudah gambar notifikasi untuk Chrome di macOS.
Sebelum dan sesudah gambar notifikasi untuk Chrome di macOS

Anda dapat menampilkan dukungan deteksi gambar dengan kode berikut:

if ('image' in Notification.prototype) {  
  // Image is supported.
} else {  
  // Image is NOT supported.
}

Perubahan ekstensi Chrome

Ekstensi Chrome memiliki konsep template notifikasi yang akan berperilaku berbeda dengan perubahan ini.

Template notifikasi gambar tidak akan lagi menampilkan gambar. Anda harus memastikan bahwa gambar bersifat tambahan dan tidak harus berguna bagi pengguna.

Sebelum dan sesudah untuk template gambar di chrome.notification API.
Sebelum dan sesudah untuk template gambar di chrome.notification API

Template notifikasi daftar hanya akan menampilkan item pertama dalam daftar. Sebaiknya pertimbangkan untuk kembali ke gaya notifikasi dasar dan menggunakan teks isi untuk meringkas kumpulan perubahan.

Sebelum dan sesudah untuk template daftar di chrome.notification API.
Sebelum dan sesudah untuk template daftar di chrome.notification API

Notifikasi progres akan menambahkan nilai persentase ke judul notifikasi untuk menunjukkan progres, bukan status progres.

Sebelum dan sesudah untuk template progres di chrome.notification API.
Sebelum dan sesudah untuk template progres di chrome.notification API

Perbedaan terakhir dalam UI notifikasi adalah appIconMarkUrl tidak akan lagi digunakan di macOS.

Sebelum dan sesudah untuk appIconMarkUrl di chrome.notification API.
Sebelum dan sesudah untuk appIconMarkUrl di chrome.notification API