Mulai Chrome 59, notifikasi yang dikirim melalui Notifications API atau API ekstensi chrome.notifications akan ditampilkan secara 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 yang sudah lama ada, seperti Chrome yang tidak mematuhi setelan Jangan Ganggu sistem.
Di bawah ini, kita akan melihat perbedaan yang dijelaskan oleh perubahan ini dengan API.
Pusat notifikasi
Salah satu manfaat dari perubahan ini adalah notifikasi akan ditampilkan di Pusat notifikasi macOS.
![Notifikasi Google Chrome akan ditampilkan di pusat notifikasi macOS](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/google-chrome-notificatio-0dd272728498d.png?authuser=6&hl=id)
Perbedaan
Ukuran dan posisi ikon
Tampilan ikon akan berubah. Mereka akan lebih kecil dan {i>padding<i} diterapkan. Anda mungkin ingin mempertimbangkan untuk beralih ke ikon latar belakang transparan alih-alih warna solid agar menjadi menarik secara estetika.
![Ikon notifikasi sebelum dan sesudah untuk Chrome di Mac ditampilkan oleh Chrome vs. ditampilkan oleh
macOS.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-chrome-ma-8f7a9faf4b135.png?authuser=6&hl=id)
Ikon tindakan
Sebelum ikon dan tombol tindakan perubahan ini ditampilkan di notifikasi. Dengan notifikasi native, ikon tombol tindakan tidak akan digunakan dan pengguna harus mengarahkan kursor ke notifikasi dan memilih "Lainnya" untuk melihat tindakan yang tersedia.
![Sebelum dan sesudah tombol tindakan notifikasi dengan ikon yang ditampilkan oleh
Chrome vs. ditampilkan oleh macOS.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-notificati-acefa2d32d351.png?authuser=6&hl=id)
Logo Chrome
Logo Chrome akan selalu ditampilkan dan tidak dapat diganti atau diubah. Ini adalah persyaratan untuk aplikasi pihak ketiga di macOS.
Gambar
Opsi image
tidak akan lagi didukung di macOS. Jika Anda menentukan gambar
notifikasi akan tetap ditampilkan, tetapi akan mengabaikan gambar
(Lihat contoh di bawah).
![Gambar notifikasi sebelum dan sesudah untuk Chrome di macOS.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-notificati-35cb1f20a7481.png?authuser=6&hl=id)
Anda dapat menampilkan dukungan image deteksi 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 perlu berguna bagi pengguna Anda.
![Sebelum dan sesudah untuk template gambar di chrome.notification API.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-image-temp-ea8d68fe9acc.png?authuser=6&hl=id)
Template notifikasi daftar hanya akan menampilkan item pertama dalam daftar. Anda mungkin sebaiknya pertimbangkan untuk kembali ke gaya notifikasi dasar dan menggunakan isi untuk meringkas rangkaian perubahan.
![Sebelum dan sesudah untuk template daftar di chrome.notification API.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-list-templ-58a8124f4c8f9.png?authuser=6&hl=id)
Notifikasi progres akan menambahkan nilai persentase ke judul notifikasi untuk menunjukkan kemajuan alih-alih bilah kemajuan.
![Sebelum dan sesudah untuk template progres di chrome.notification API.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-progress-t-aeb9eb61ae795.png?authuser=6&hl=id)
Perbedaan terakhir dalam UI notifikasi adalah appIconMarkUrl
tidak lagi digunakan di macOS.
![Sebelum dan sesudah untuk appIconMarkUrl di chrome.notification API.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-appiconmar-74e3f48314cd4.png?authuser=6&hl=id)