Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di Chrome 108

Adriana Jara

Tieni presente quanto segue:

È più facile creare UI adattabili con le nuove unità di misura delle dimensioni dell'area visibile.
I caratteri vettoriali a colori ora includono il supporto dei caratteri variabili.
I metodi dell'interfaccia FileSystemSyncAccessHandle, che fa parte dell'API File System Access, ora sono sincroni.
E c'è molto altro

Sono Adriana Jara. Vediamo quali sono le novità per gli sviluppatori in Chrome 108.

Nuove unità di misura delle dimensioni dell'area visibile

Le nuove unità viewport ti offrono un maggiore controllo per creare UI adattabili.

Queste unità misurano l'area visibile in modo diverso, poiché tengono conto degli elementi dell'interfaccia utente del browser che possono essere espansi o compressi. Ad esempio, la barra degli indirizzi.

Le unità large forniscono le dimensioni dell'area visibile presupponendo che le interfacce dell'agente utente siano compresse.

Le unità small, invece, forniscono le dimensioni del viewport presupponendo che le interfacce siano espanse.

Inoltre, con le unità dynamic le dimensioni dell'area visibile si regolano automaticamente in base alla visualizzazione o meno degli elementi dell'interfaccia del browser.

Il valore può essere qualsiasi valore compreso tra i limiti dell'unità grande (il massimo) e delle unità piccole (il minimo).

Le diverse parti dell'area visibile per ogni tipo di unità di area visibile.

Per maggiori dettagli, consulta questo articolo. Controlla anche la modifica relativa al comportamento di ridimensionamento dell'area visibile di Android per gestire l'area visibile in modo appropriato .

I caratteri variabili ora sono supportati in COLRv1.

I font vettoriali a colori COLRv1 sono supportati da Chrome 98, ma la versione iniziale supportava solo la funzionalità statica della tabella COLRv1.

Tuttavia, la specifica COLRv1 include anche le varianti OpenType, il che significa che consente di modificare le proprietà dei caratteri modificando i valori dell'asse delle variabili. Queste varianti sono ora supportate.

Questa release include anche le estensioni delle condizioni font-tech() e font-format() per CSS @supports .

Con queste condizioni, lo sviluppatore può rilevare quando le funzionalità dei caratteri sono disponibili per offrire all'utente l'esperienza più recente e creare anche un piano di riserva se il supporto non è disponibile.

Prova la demo qui e aggiungi impatto alle tue parole con i caratteri variabili.

I metodi FileSystemSyncAccessHandle sono ora sincroni.

Il file system privato di origine fornisce l'accesso a un tipo speciale di file altamente ottimizzato per le prestazioni. Gli sviluppatori possono accedere a questi file chiamando createSyncAccessHandle(), un metodo esposto sugli oggetti FileSystemFileHandle.

Questa chiamata genera un FileSystemSyncAccessHandle.

I metodi truncate(newSize), getSize(), flush() e close() in questo handle di accesso erano precedentemente asincroni, ma sono sincroni a partire da Chrome 108.

La modifica ha una buona ragione: consente a FileSystemSyncAccessHandle di corrispondere all'API file sincrona e simile a POSIX che le applicazioni basate su Wasm si aspettano, rendendo l'API più ergonomica e garantendo al contempo notevoli miglioramenti delle prestazioni.

Si tratta di una modifica potenzialmente dannosa. Se utilizzi i metodi precedenti, qualsiasi utilizzo di Promise.then() non funzionerà più. Se esegui una chiamata then() in catena sul risultato di uno dei metodi precedentemente asincroni e ora sincroni, devi modificare il codice.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Per istruzioni più dettagliate, consulta questo articolo

E tanto altro.

Ovviamente ce ne sono molti altri.

È in corso l'implementazione di una modifica al comportamento di overflow negli elementi sostituiti.
Se sei un provider di identità, consulta l'API Federated Credential Management.
L'API Media Source Extensions è ora disponibile nel contesto del worker.

Per approfondire

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

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 Adriana Jara e, non appena verrà rilasciata la versione 109 di Chrome, sarò qui per dirti le novità di Chrome.