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 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
Notifikasi Google Chrome akan ditampilkan di pusat notifikasi macOS

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.
Ikon notifikasi sebelum dan sesudah untuk Chrome di Mac ditampilkan oleh Chrome vs. ditampilkan oleh macOS

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.
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. 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.
Gambar notifikasi sebelum dan sesudah untuk Chrome di macOS

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.
Sebelum dan sesudah untuk template gambar di chrome.notification API

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.
Sebelum dan sesudah untuk template daftar di chrome.notification API

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.
Sebelum dan sesudah untuk template progres di chrome.notification API

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

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