Novità di Chrome 98

Pete LePage

Tieni presente quanto segue:

Mi chiamo 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 disattivarla impostando color-scheme: only light nell'elemento :root.

:root {
  color-scheme: only light;
}

Tuttavia, il vantaggio principale di questo metodo è che puoi disattivare la funzionalità in base a ogni singolo elemento applicando uno stile specifico a quell'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 sfumature, composizione e fusione e migliora il riutilizzo della forma 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.

Emula Chrome 100 nella stringa UA

Tra pochi mesi raggiungeremo 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.

È presente un flag chiamato #force-major-version-to-100 che cambia il numero della versione corrente in 100, così puoi 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 delle finestre erano stati pianificati per Chrome 98 ma, a causa di problemi rilevati all'ultimo minuto, non sono stati individuati. Stiamo ancora lavorando a questa funzionalità e prevediamo di implementarla nelle prossime release.

Per approfondire

Sono riportati solo alcuni 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.