Umstellung auf natives Benachrichtigungssystem unter macOS

Paul Lewis

Stephen McGruer

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">

</ph> <ph type="x-smartling-placeholder">

</ph> Google Chrome-Benachrichtigungen werden im macOS-Benachrichtigungscenter angezeigt

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">

</ph> <ph type="x-smartling-placeholder">

</ph> Vorher und nachher für Chrome auf Mac angezeigte Benachrichtigungssymbole, die in Chrome im Vergleich zu den in Chrome angezeigten Benachrichtigungssymbolen angezeigt werden macOS

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">

</ph> <ph type="x-smartling-placeholder">

</ph> Aktionsschaltflächen vor und nach Benachrichtigungen mit Symbolen, die von Chrome im Vergleich zur Anzeige unter macOS

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).

<ph type="x-smartling-placeholder">

</ph> <ph type="x-smartling-placeholder">

</ph> Bild vor und nach der Benachrichtigung für Chrome unter macOS

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">

</ph> <ph type="x-smartling-placeholder">

</ph> Vorher und Nachher für Bildvorlagen in der chrome.notification API

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">

</ph> <ph type="x-smartling-placeholder">

</ph> Vorher und Nachher für Listenvorlagen in der chrome.notification API

Bei Fortschrittsbenachrichtigungen wird dem Benachrichtigungstitel ein Prozentwert hinzugefügt. um den Fortschritt anzuzeigen.

<ph type="x-smartling-placeholder">

</ph> <ph type="x-smartling-placeholder">

</ph> Vorher und nachher für Fortschrittsvorlagen in der chrome.notification API

Der letzte Unterschied in der Benutzeroberfläche für Benachrichtigungen besteht darin, dass appIconMarkUrl nicht mehr unter macOS verwendet werden.

<ph type="x-smartling-placeholder">

</ph> <ph type="x-smartling-placeholder">

</ph> Vorher und Nachher für appIconMarkUrl in der chrome.notification API