Overstappen naar het native notificatiesysteem op macOS

Stephen McGruer
Stephen McGruer

Vanaf Chrome 59 worden meldingen die via de Notifications API of de chrome.notifications extensions API worden verzonden, rechtstreeks weergegeven door het native macOS-meldingssysteem in plaats van door het eigen systeem van Chrome.

Deze wijziging zorgt ervoor dat Chrome op macOS zich veel beter geïntegreerd voelt in het platform en lost een aantal al lang bestaande bugs op, zoals Chrome die de systeeminstelling Niet storen niet respecteert.

Hieronder bekijken we de verschillen die deze wijziging met de bestaande API's introduceert.

Notificatie centrum

Een van de voordelen van deze wijziging is dat meldingen worden weergegeven in het meldingscentrum van macOS.

Google Chrome-meldingen worden weergegeven in het macOS-meldingscentrum
Google Chrome-meldingen worden weergegeven in het macOS-meldingscentrum

Verschillen

Pictogramgrootte en positionering

Het uiterlijk van pictogrammen zal veranderen. Ze zijn kleiner van formaat en er is opvulling toegepast. Om esthetisch aantrekkelijk te zijn, kunt u overwegen om over te schakelen naar een transparant achtergrondpictogram in plaats van een effen kleur.

Voor en na voor Chrome op Mac-meldingspictogrammen weergegeven door Chrome versus weergegeven door macOS.
Voor en na voor Chrome op Mac-meldingspictogrammen weergegeven door Chrome versus weergegeven door macOS

Actie iconen

Vóór deze wijziging werden actieknoppen en pictogrammen in de melding weergegeven. Bij native meldingen worden de actieknoppictogrammen niet gebruikt en moet de gebruiker over de melding bewegen en de knop 'Meer' selecteren om de beschikbare acties te zien.

Voor en na actieknoppen voor meldingen met pictogrammen weergegeven door Chrome versus weergegeven door macOS.
Voor en na actieknoppen voor meldingen met pictogrammen weergegeven door Chrome versus weergegeven door macOS

Het Chrome-logo wordt altijd weergegeven en kan niet worden vervangen of gewijzigd. Dit is een vereiste voor applicaties van derden op macOS.

Afbeeldingen

De image wordt niet langer ondersteund op macOS. Als u een afbeeldingseigenschap definieert, wordt de melding nog steeds weergegeven, maar wordt de afbeeldingsparameter genegeerd (zie het onderstaande voorbeeld).

Voor en na meldingsafbeelding voor Chrome op macOS.
Voor en na meldingsafbeelding voor Chrome op macOS

U kunt ondersteuning voor het detecteren van afbeeldingen bieden met de volgende code:

if ('image' in Notification.prototype) {  
  // Image is supported.
} else {  
  // Image is NOT supported.
}

Wijzigingen in de Chrome-extensie

Chrome-extensies hebben het concept van meldingssjablonen die zich door deze wijziging anders zullen gedragen.

De afbeeldingsmeldingssjabloon geeft de afbeelding niet langer weer. Zorg ervoor dat afbeeldingen aanvullend zijn en niet noodzakelijk nuttig zijn voor uw gebruikers.

Voor en na voor afbeeldingssjablonen in de chrome.notification API.
Voor en na voor afbeeldingssjablonen in de chrome.notification API

Het lijstmeldingssjabloon toont alleen het eerste item in de lijst. U kunt overwegen om terug te gaan naar de basisstijl voor meldingen en hoofdtekst te gebruiken om de reeks wijzigingen samen te vatten.

Voor en na voor lijstsjablonen in de chrome.notification API.
Voor en na voor lijstsjablonen in de chrome.notification API

Voortgangsmeldingen voegen een percentagewaarde toe aan de meldingstitel om de voortgang aan te geven in plaats van een voortgangsbalk.

Voor en na voor voortgangssjablonen in de chrome.notification API.
Voor en na voor voortgangssjablonen in de chrome.notification API

Het laatste verschil in de meldingsinterface is dat de appIconMarkUrl niet langer wordt gebruikt op macOS.

Voor en na voor appIconMarkUrl in de chrome.notification API.
Voor en na voor appIconMarkUrl in de chrome.notification API