Berpindah ke sistem notifikasi native di macOS

Stephen McGruer
Stephen McGruer

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

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

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

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 penentuan posisi ikon

Tampilan ikon akan berubah. Ukurannya akan lebih kecil dan padding diterapkan. Sebaiknya Anda 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. ditampilkan oleh
    macOS.
Sebelum dan setelah ikon notifikasi Chrome di Mac 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 setelah tombol tindakan notifikasi dengan ikon yang ditampilkan oleh Chrome vs. ditampilkan oleh macOS.
Sebelum dan setelah 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 adalah persyaratan untuk aplikasi pihak ketiga di macOS.

Gambar

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

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

Anda dapat mendeteksi dukungan 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 merupakan tambahan dan tidak harus bermanfaat bagi pengguna.

Sebelum dan setelah 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. Anda sebaiknya mempertimbangkan untuk kembali ke gaya notifikasi dasar dan menggunakan teks isi untuk meringkas kumpulan perubahan.

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

Notifikasi progres akan menambahkan nilai persentase ke judul notifikasi untuk menunjukkan progresnya, 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 digunakan lagi di macOS.

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