Tieni presente quanto segue:
- Se hai provato la prova dell'origine del tema scuro automatico, esiste un nuovo modo per disattivare la funzionalità a livello di elemento.
- Ora è supportato COLRv1, un'evoluzione del formato dei caratteri COLRv0.
- E c'è molto altro.
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.
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.
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.
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.
- Novità di Chrome DevTools (98)
- Ritiro e rimozioni in Chrome 98
- Aggiornamenti di ChromeStatus.com per Chrome 98
- Elenco delle modifiche al repository di origine di Chromium
- Calendario delle release di Chrome
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.