Novità di Chrome 98

Tieni presente quanto segue:

Sono Pete LePage. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 98.

Disattivare i temi scuri automatici su Android

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

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

Se hai effettuato 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 l'opzione impostando color-scheme: only light sull'elemento :root.

:root {
  color-scheme: only light;
}

Tuttavia, il vantaggio principale di questo metodo è che puoi disattivare la funzionalità su base 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 di COLRv1, un'evoluzione del formato dei caratteri COLRv0. Aggiunge gradienti, composizione e miscelazione e consente di riutilizzare le forme per file di caratteri nitidi e compatti che si comprimono bene.

Un carattere a colori mette in evidenza titoli, banner ed elementi visivi.

Titolo che utilizza i caratteri COLRv1

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

File del carattere che utilizza emoji coerenti

Stiamo lavorando per migliorare il rilevamento delle funzionalità, poiché non è ancora così semplice come dovrebbe essere. Ma è un aspetto da tenere d'occhio.

Consulta Caratteri vettoriali con gradiente di colore COLRv1 in Chrome 98 per maggiori dettagli e su come creare i tuoi caratteri.

Emulare 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 denominato #force-major-version-to-100 che consente di impostare il numero di versione corrente su 100, in modo da assicurarti che tutto funzioni come previsto.

Pagina dei flag di Chrome che mette in evidenza la nuova opzione #force-major-version-to-100

E tanto altro.

Ovviamente ce ne sono molti altri.

Le richieste preflight CORS vengono ora inviate prima delle richieste di rete privata per le risorse secondarie, chiedendo l'autorizzazione esplicita del server di destinazione.

È disponibile una nuova prova dell'origine per Region Capture, un'API per il ritaglio di una traccia video di autoacquisizione. Ideale per la condivisione schermo nelle app di videoconferenza, in modo da non creare un effetto di galleria di specchi.

I controlli di overlay della finestra erano stati pianificati per Chrome 98, ma a causa di problemi rilevati all'ultimo minuto non sono stati inclusi. Stiamo ancora lavorando a questa funzionalità e prevediamo di implementarla nelle prossime release.

Per approfondire

Sono riportati solo alcuni dei punti salienti. Consulta i link di seguito per altre modifiche in Chrome 98.

Iscriviti

Per non perderti nessuna novità, iscriviti al canale YouTube di Chrome for Developers e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Sono Pete LePage e, non appena verrà rilasciato Chrome 99, sarò qui per dirti le novità di Chrome.