ตั้งแต่ Chrome 59 เป็นต้นไป การแจ้งเตือนที่ส่งผ่าน Notifications API หรือ ระบบจะแสดง chrome.notifications extensions API โดยระบบแจ้งเตือนดั้งเดิมของ macOS โดยตรง แทนที่จะเป็นระบบของ Chrome
การเปลี่ยนแปลงนี้ทำให้ Chrome ใน macOS ผสานรวมกับแพลตฟอร์มได้ดียิ่งขึ้น และแก้ไขข้อบกพร่องที่มีมาเป็นเวลานาน เช่น Chrome ไม่เคารพ การตั้งค่าโหมดห้ามรบกวนของระบบ
ด้านล่างนี้ เราจะดูความแตกต่างที่มาพร้อมกับ API
ศูนย์การแจ้งเตือน
ประโยชน์อย่างหนึ่งของการเปลี่ยนแปลงนี้คือการแจ้งเตือนจะแสดงใน ศูนย์การแจ้งเตือนของ macOS
![การแจ้งเตือนของ Google Chrome จะแสดงในศูนย์การแจ้งเตือนของ macOS](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/google-chrome-notificatio-0dd272728498d.png?authuser=5&hl=th)
ความแตกต่าง
ขนาดและการวางตำแหน่งของไอคอน
รูปลักษณ์ของไอคอนจะเปลี่ยนไป จะมีขนาดเล็กและระยะห่างจากขอบ ใช้แล้ว คุณอาจต้องเปลี่ยนไปใช้ไอคอนพื้นหลังโปร่งใส แทนที่จะใช้สีทึบเพื่อให้ดูสวยงาม
![ก่อนและหลังสำหรับไอคอนการแจ้งเตือนของ Chrome บน Mac ที่แสดงโดย Chrome เทียบกับที่แสดงโดย
macOS](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-chrome-ma-8f7a9faf4b135.png?authuser=5&hl=th)
ไอคอนการทำงาน
ก่อนการเปลี่ยนแปลงนี้ ปุ่มการทำงานและไอคอนจะแสดงใน การแจ้งเตือน สำหรับการแจ้งเตือนเนทีฟ ไอคอนปุ่มการทำงานจะไม่ ผู้ใช้จะต้องวางเมาส์เหนือการแจ้งเตือนนั้นแล้วเลือก "เพิ่มเติม" เพื่อดูการดำเนินการที่ใช้ได้
![ก่อนและหลังของปุ่มการทำงานของการแจ้งเตือนที่มีไอคอนแสดงโดย
Chrome เทียบกับที่แสดงโดย macOS](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-notificati-acefa2d32d351.png?authuser=5&hl=th)
โลโก้ Chrome
โลโก้ Chrome จะปรากฏอยู่เสมอและไม่สามารถแทนที่หรือเปลี่ยนแปลงได้ ช่วงเวลานี้ เป็นข้อกำหนดสำหรับแอปพลิเคชันของบุคคลที่สามใน macOS
รูปภาพ
macOS จะไม่รองรับตัวเลือก image
อีกต่อไป ถ้าคุณกำหนดรูปภาพ
การแจ้งเตือนจะยังแสดงอยู่ แต่จะไม่สนใจรูปภาพ
(ดูตัวอย่างด้านล่าง)
![รูปภาพการแจ้งเตือนก่อนและหลังสำหรับ Chrome ใน macOS](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-notificati-35cb1f20a7481.png?authuser=5&hl=th)
คุณสามารถใช้ฟีเจอร์ตรวจหารูปภาพได้โดยใช้รหัสต่อไปนี้
if ('image' in Notification.prototype) {
// Image is supported.
} else {
// Image is NOT supported.
}
การเปลี่ยนแปลงส่วนขยาย Chrome
ส่วนขยาย Chrome มีแนวคิดเกี่ยวกับเทมเพลตการแจ้งเตือน ซึ่งจะมีลักษณะแตกต่างออกไปเมื่อมีการเปลี่ยนแปลงนี้
เทมเพลตการแจ้งเตือนรูปภาพจะไม่แสดงรูปภาพนั้นอีก คุณควรตรวจสอบ ว่ารูปภาพเป็นส่วนเสริมและต้องไม่มีประโยชน์ต่อผู้ใช้
![ก่อนและหลังสำหรับเทมเพลตรูปภาพใน chrome.notification API](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-image-temp-ea8d68fe9acc.png?authuser=5&hl=th)
เทมเพลตการแจ้งเตือนรายการจะแสดงเฉพาะรายการแรกที่อยู่ในรายการ คุณ คุณอาจต้องพิจารณากลับไปใช้รูปแบบการแจ้งเตือนพื้นฐานและใช้เนื้อความ เพื่อสรุปชุดการเปลี่ยนแปลง
![ก่อนและหลังสำหรับเทมเพลตรายการใน chrome.notification API](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-list-templ-58a8124f4c8f9.png?authuser=5&hl=th)
การแจ้งเตือนความคืบหน้าจะเพิ่มค่าเปอร์เซ็นต์ต่อท้ายชื่อการแจ้งเตือน เพื่อแสดงความคืบหน้าแทนแถบความคืบหน้า
![ก่อนและหลังสำหรับเทมเพลตความคืบหน้าใน chrome.notification API](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-progress-t-aeb9eb61ae795.png?authuser=5&hl=th)
ความแตกต่างสุดท้ายใน UI การแจ้งเตือนคือ appIconMarkUrl
จะ
ไม่สามารถใช้ใน macOS ได้อีกต่อไป
![ก่อนและหลังสำหรับ appIconMarkUrl ใน chrome.notification API](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-appiconmar-74e3f48314cd4.png?authuser=5&hl=th)