Passare al sistema di notifica nativo su macOS

Paul Lewis
Stephen McGruer
Stephen McGruer

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
Le notifiche di Google Chrome verranno visualizzate nel Centro notifiche di macOS

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.
Prima e dopo per le icone di notifica di Chrome su Mac visualizzate da Chrome rispetto a quelle visualizzate da macOS

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.
Prima e dopo i pulsanti di azione per le notifiche con icone visualizzate da Chrome e da macOS

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.
Prima e dopo l'immagine di notifica per Chrome su macOS

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.
Prima e dopo per i modelli di immagine nell'API chrome.notification

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.
Prima e dopo per i modelli elenco nell'API chrome.notification

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.
Prima e dopo i modelli di avanzamento nell'API chrome.notification

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.
Prima e dopo per appIconMarkUrl nell'API chrome.notification