Novità di Chrome 98

Pete LePage

Tieni presente quanto segue:

Mi chiamo Pete LePage. Analizziamo in dettaglio le novità per gli sviluppatori di Chrome 98.

Disattivazione dei temi scuro automatico su Android

In Chrome 96 abbiamo avviato una prova dell'origine per temi scuri automatici su Android.

Con questa funzionalità, se il tuo sito è a tema chiaro e il sistema operativo dell'utente è in modalità Buio, il browser applica al sito un tema scuro generato automaticamente.

Se hai eseguito la registrazione alla prova dell'origine e vuoi disattivare il tema scuro generato automaticamente per una pagina specifica, puoi utilizzare un meta tag.

<meta name="color-scheme" content="only light">

In alternativa, puoi disattivare questa opzione impostando color-scheme: only light sull'elemento :root.

:root {
  color-scheme: only light;
}

Il vantaggio principale di questo metodo è che puoi eseguire la disattivazione per singolo elemento, applicando uno stile specifico all'elemento.

.only-light,
#my-element {
  color-scheme: only light;
}

Per informazioni dettagliate, consulta la sezione Come disattivare il tema scuro automatico in Temi scuri automatici su Android.

Supporto dei caratteri COLRv1

In Chrome 98 è ora disponibile il supporto per COLRv1, un'evoluzione del formato di carattere COLRv0. Aggiunge gradienti, compositing e fusione, oltre a migliorare il riutilizzo delle forme per file di caratteri nitidi e compatti che si comprimono bene.

Un carattere colorato fa risaltare le parti in evidenza, i titoli e i banner.

Titolo con caratteri COLRv1

Uno dei casi d'uso che preferisco per COLRv1 è l'uso di emoji coerenti su tutte le piattaforme. Non è necessario sostituire le emoji con i file immagine, perché i file dei caratteri diventano più piccoli e facili da includere nella pagina.

File dei caratteri con emoji coerenti

Stiamo lavorando per migliorare il rilevamento delle funzionalità, in quanto non è ancora facile come dovrebbe. Ma è una cosa da tenere d'occhio.

Scopri di più su COLRv1 Color Gradient Vector Fonts in Chrome 98 per ulteriori dettagli e per sapere come creare i tuoi caratteri.

Emula Chrome 100 nella stringa UA

Tra pochi mesi arriveremo a Chrome 100, un numero di versione a tre cifre. Qualsiasi codice che controlla i numeri di versione o analizza la stringa UA deve essere controllato per assicurarsi che gestisca tre cifre.

Esiste un flag chiamato #force-major-version-to-100 che modificherà il numero di versione corrente in 100, in modo che tu possa assicurarti che tutto funzioni come previsto.

Chrome segnala una pagina che evidenzia la nuova opzione #force-major-version-to-100

E tanto altro.

Ovviamente c'è molto altro.

Ora le richieste preflight CORS vengono inviate prima delle richieste di rete privata per le sottorisorse, richiedendo l'autorizzazione esplicita al server di destinazione.

È disponibile una nuova prova dell'origine per Region Capture, un'API che consente di ritagliare una traccia video acquisita autonomamente. Ideale per la condivisione schermo nelle app di videoconferenza, così da non creare un effetto Hall of Mirror.

I controlli dell'overlay delle finestre erano stati pianificati per Chrome 98, ma a causa di problemi rilevati all'ultimo minuto, non è arrivato. Ci stiamo ancora lavorando e prevediamo che arriverà nelle prossime versioni.

Per approfondire

Vengono trattati solo alcuni dei punti salienti. Controlla i link riportati di seguito per ulteriori modifiche in Chrome 98.

Abbonati

Per non perderti nessun aggiornamento, iscriviti al canale YouTube degli sviluppatori di Chrome e riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.

Mi chiamo Pete LePage e non appena verrà rilasciata la versione 99 di Chrome, sarò qui per farti conoscere le novità di Chrome.