À partir de Chrome 59, les notifications envoyées via l'API Notifications ou le L'API chrome.notifications extensions s'affiche. directement par le système de notification natif de macOS plutôt que par celui de Chrome.
Ce changement rend l'intégration de Chrome sous macOS beaucoup mieux intégrée à la plate-forme. et corrige un certain nombre de bugs de longue date, tels que le non-respect du du système Ne pas déranger.
Nous expliquons ci-dessous les différences entre les versions existantes et API.
Centre de notifications
L'un des avantages de ce changement est que les notifications seront affichées dans Centre de notifications de macOS.
![Les notifications Google Chrome seront affichées dans le centre de notifications macOS](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/google-chrome-notificatio-0dd272728498d.png?authuser=5&hl=fr)
Différences
Taille et positionnement des icônes
L'apparence des icônes va changer. Leur taille est plus petite et le remplissage est appliquée. Vous pouvez envisager de passer à une icône en arrière-plan transparent. au lieu d'une couleur unie pour être esthétique.
![Icônes de notification "Avant et après" pour Chrome sur Mac affichées par Chrome et affichées par
macOS](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-chrome-ma-8f7a9faf4b135.png?authuser=5&hl=fr)
Icônes d'action
Avant cette modification, les icônes et les boutons d'action apparaissaient dans la . Avec les notifications natives, les icônes des boutons d'action l'utilisateur doit pointer sur la notification et sélectionner l'option "Plus" pour afficher les actions disponibles.
![Boutons d'action avant et après des notifications avec des icônes affichées par
Comparatif Chrome et celui affiché par macOS.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-notificati-acefa2d32d351.png?authuser=5&hl=fr)
Logo Chrome
Le logo Chrome est toujours affiché, et ne peut pas être remplacé ni modifié. Ce est obligatoire pour les applications tierces sous macOS.
Images
L'option image
ne sera plus compatible avec macOS. Si vous définissez une image
la notification sera affichée, mais l'image sera ignorée.
(voir l'exemple ci-dessous).
![Image de notification "Avant et après" pour Chrome sous macOS.](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-notificati-35cb1f20a7481.png?authuser=5&hl=fr)
Vous pouvez détecter la prise en charge des images à l'aide du code suivant:
if ('image' in Notification.prototype) {
// Image is supported.
} else {
// Image is NOT supported.
}
Modifications apportées aux extensions Chrome
Les extensions Chrome s'appellent des modèles de notification. qui se comporteront différemment avec ce changement.
Le modèle de notification d'image n'affichera plus l'image. Vous devez vous assurer que les images sont complémentaires et ne doivent pas nécessairement être utiles pour vos utilisateurs.
![Avant et après pour les modèles d'image dans l'API chrome.notification](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-image-temp-ea8d68fe9acc.png?authuser=5&hl=fr)
Le modèle de notification sous forme de liste n'affiche que le premier élément de la liste. Toi vous pouvez revenir au style de notification de base et utiliser le corps pour résumer l'ensemble des modifications.
![Avant et après pour les modèles de liste dans l'API chrome.notification](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-list-templ-58a8124f4c8f9.png?authuser=5&hl=fr)
Les notifications de progression ajouteront un pourcentage à leur titre pour indiquer la progression au lieu d'une barre de progression.
![Avant et après pour les modèles de progression dans l'API chrome.notification](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-progress-t-aeb9eb61ae795.png?authuser=5&hl=fr)
La dernière différence dans l'UI des notifications est que appIconMarkUrl
ne seront plus utilisées sur macOS.
![Avant et après pour appIconMarkUrl dans l'API chrome.notification](https://developer.chrome.google.cn/static/blog/native-mac-os-notifications/image/before-after-appiconmar-74e3f48314cd4.png?authuser=5&hl=fr)