A partire da Chrome 59, le notifiche inviate tramite l'API Notifications o l'API chrome.notifications estensioni verranno mostrate direttamente dal sistema di notifica nativo macOS anziché dal sistema di Chrome.
Questa modifica fa sì che Chrome su macOS si senta molto meglio integrato nella piattaforma e corregge una serie di bug di lunga data, ad esempio Chrome non rispetta l'impostazione Non disturbare di sistema.
Di seguito vedremo le differenze che questa modifica introduce nelle API esistenti.
Centro notifiche
Uno dei vantaggi di questa modifica è che le notifiche verranno visualizzate nel centro notifiche di macOS.
![Le notifiche di Google Chrome verranno visualizzate nel Centro notifiche di macOS](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/google-chrome-notificatio-0dd272728498d.png?authuser=5&hl=it)
Differenze
Dimensioni e posizionamento delle icone
L'aspetto delle icone cambierà. Le dimensioni saranno inferiori e verrà applicata la spaziatura interna. Valuta la possibilità di passare a un'icona di sfondo trasparente anziché a un colore a tinta unita per ottenere un aspetto gradevole.
![Prima e dopo per Chrome su Mac: icone di notifica visualizzate da Chrome rispetto a quelle visualizzate da macOS.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-chrome-ma-8f7a9faf4b135.png?authuser=5&hl=it)
Icone di azione
In precedenza, nella notifica erano visualizzati pulsanti e icone di azione. Con le notifiche native, le icone dei pulsanti di azione non verranno utilizzate e l'utente dovrà passare il mouse sopra la notifica e selezionare il pulsante "Altro" per visualizzare le azioni disponibili.
![Prima e dopo dei pulsanti di azione delle notifiche con icone visualizzate da Chrome rispetto a quelle visualizzate da macOS.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-notificati-acefa2d32d351.png?authuser=5&hl=it)
Logo di Chrome
Il logo Chrome verrà sempre visualizzato e non può essere sostituito o modificato. Questo è un requisito per le applicazioni di terze parti su macOS.
Immagini
L'opzione image
non sarà più supportata su macOS. Se definisci una proprietà immagine, la notifica verrà comunque visualizzata, ma il parametro immagine verrà ignorato (vedi l'esempio di seguito).
![Immagine prima e dopo dell'immagine di notifica per Chrome su macOS.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-notificati-35cb1f20a7481.png?authuser=5&hl=it)
Puoi utilizzare il seguente codice per il rilevamento delle immagini in funzionalità:
if ('image' in Notification.prototype) {
// Image is supported.
} else {
// Image is NOT supported.
}
Modifiche alle estensioni di Chrome
Le estensioni di Chrome includono il concetto di modelli di notifica che si comporterà in modo diverso a seguito di questa modifica.
Il modello di notifica immagine non mostrerà più l'immagine. Assicurati che le immagini siano supplementari e non siano necessarie per gli utenti.
![Prima e dopo per i modelli di immagine nell'API chrome.notification.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-image-temp-ea8d68fe9acc.png?authuser=5&hl=it)
Il modello di notifica dell'elenco mostrerà solo il primo elemento dell'elenco. Ti consigliamo di tornare allo stile di notifica di base e di utilizzare il testo del corpo per riepilogare l'insieme delle modifiche.
![Prima e dopo per i modelli elenco nell'API chrome.notification.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-list-templ-58a8124f4c8f9.png?authuser=5&hl=it)
Le notifiche di avanzamento aggiungono un valore percentuale al titolo della notifica per indicare l'avanzamento invece di visualizzare una barra di avanzamento.
![I modelli di avanzamento e "prima e dopo" nell'API chrome.notification.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-progress-t-aeb9eb61ae795.png?authuser=5&hl=it)
L'ultima differenza nell'interfaccia utente di notifica è che appIconMarkUrl
non verrà più utilizzato su macOS.
![Prima e dopo per appIconMarkUrl nell'API chrome.notification.](https://developer.chrome.com/static/blog/native-mac-os-notifications/image/before-after-appiconmar-74e3f48314cd4.png?authuser=5&hl=it)