Mulai Chrome 59, notifikasi yang dikirim melalui Notifications API atau API ekstensi chrome.notifications akan langsung ditampilkan 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.
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.
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.
Logo Chrome
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).
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.
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.
Notifikasi progres akan menambahkan nilai persentase ke judul notifikasi untuk menunjukkan progres, bukan status progres.
Perbedaan terakhir dalam UI notifikasi adalah appIconMarkUrl tidak akan
lagi digunakan di macOS.
