Ab Chrome 59 werden über die Notifications API oder die chrome.notifications extensions API wird angezeigt direkt über das native macOS-Benachrichtigungssystem statt über das Chrome-eigene System.
Durch diese Änderung lässt sich Chrome unter macOS viel besser in die Plattform integrieren und behebt seit Langem bestehende Fehler, wie z. B. dass Chrome die Systemeinstellung für Bitte nicht stören.
Im Folgenden betrachten wir die Unterschiede, die mit dieser Änderung gegenüber den bestehenden APIs.
Benachrichtigungscenter
Einer der Vorteile dieser Änderung ist, dass Benachrichtigungen im Benachrichtigungscenter von macOS.
<ph type="x-smartling-placeholder">![Google Chrome-Benachrichtigungen werden im macOS-Benachrichtigungscenter angezeigt](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/google-chrome-notificatio-0dd272728498d.png?authuser=6&hl=de)
Unterschiede
Symbolgröße und -positionierung
Die Darstellung der Symbole ändert sich. Sie sind kleiner und der Abstand beträgt angewendet. Sie können ein transparentes Hintergrundsymbol verwenden. statt einer Volltonfarbe, um ästhetisch ansprechend zu sein.
<ph type="x-smartling-placeholder">![Vorher und nachher für Chrome auf Mac angezeigte Benachrichtigungssymbole, die in Chrome im Vergleich zu den in Chrome angezeigten Benachrichtigungssymbolen angezeigt werden
macOS](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-chrome-ma-8f7a9faf4b135.png?authuser=6&hl=de)
Aktionssymbole
Vor dieser Änderung wurden Aktionsschaltflächen und Symbole in der Benachrichtigung. Bei nativen Benachrichtigungen sind die Symbole der Aktionsschaltflächen Der Nutzer muss den Mauszeiger auf die Benachrichtigung bewegen und das Dreipunkt-Menü auswählen. um die verfügbaren Aktionen anzuzeigen.
<ph type="x-smartling-placeholder">![Aktionsschaltflächen vor und nach der Benachrichtigung mit Symbolen, die
Chrome im Vergleich zur Anzeige unter macOS.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-notificati-acefa2d32d351.png?authuser=6&hl=de)
Chrome-Logo
Das Chrome-Logo wird immer angezeigt und kann weder ersetzt noch verändert werden. Dieses ist eine Voraussetzung für Drittanbieter-Anwendungen unter macOS.
Bilder
Die Option „image
“ wird unter macOS nicht mehr unterstützt. Wenn Sie ein Bild definieren
Eigenschaft, wird die Benachrichtigung zwar angezeigt, das Bild wird jedoch ignoriert.
(siehe Beispiel unten).
![Bild vor und nach der Benachrichtigung für Chrome unter macOS.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-notificati-35cb1f20a7481.png?authuser=6&hl=de)
Mit dem folgenden Code können Sie Bildunterstützung von Funktionen erkennen:
if ('image' in Notification.prototype) {
// Image is supported.
} else {
// Image is NOT supported.
}
Änderungen an Chrome-Erweiterungen
Chrome-Erweiterungen haben das Konzept von Benachrichtigungsvorlagen was sich nach dieser Änderung ändert.
In der Bildbenachrichtigungsvorlage wird das Bild nicht mehr angezeigt. Achten Sie darauf, dass Bilder eine Ergänzung sind und nicht zwingend für Ihre Nutzer nützlich sein müssen.
<ph type="x-smartling-placeholder">![„Vorher“ und „Nachher“ für Bildvorlagen in der chrome.notification API.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-image-temp-ea8d68fe9acc.png?authuser=6&hl=de)
In der Vorlage für Listenbenachrichtigungen wird nur der erste Eintrag in der Liste angezeigt. Ich können Sie erwägen, wieder zum einfachen Benachrichtigungsstil zu wechseln und den Textkörper Text, um die Änderungen zusammenzufassen.
<ph type="x-smartling-placeholder">![„Vorher“ und „Nachher“ für Listenvorlagen in der chrome.notification API.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-list-templ-58a8124f4c8f9.png?authuser=6&hl=de)
Bei Fortschrittsbenachrichtigungen wird dem Benachrichtigungstitel ein Prozentwert hinzugefügt. um den Fortschritt anzuzeigen.
<ph type="x-smartling-placeholder">![Vorher und nachher für Fortschrittsvorlagen in der chrome.notification API.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-progress-t-aeb9eb61ae795.png?authuser=6&hl=de)
Der letzte Unterschied in der Benutzeroberfläche für Benachrichtigungen besteht darin, dass appIconMarkUrl
nicht mehr unter macOS verwendet werden.
![Vorher und nachher für appIconMarkUrl in der chrome.notification API.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-appiconmar-74e3f48314cd4.png?authuser=6&hl=de)