Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di Chrome 108

Adriana Jara

Tieni presente quanto segue:

È più facile creare interfacce utente adattive grazie alle nuove unità di 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à area visibile offrono un maggiore controllo per la creazione di UI adattive.

Queste unità misurano l'area visibile in modo diverso, in quanto 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.

Con dynamic unità, le dimensioni dell'area visibile si adattano automaticamente in base agli elementi dell'interfaccia del browser mostrati o meno.

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.

Consulta questo articolo per ulteriori dettagli. Controlla anche la modifica al comportamento di ridimensionamento dell'area visibile Android per gestire correttamente l'area visibile .

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 del comportamento di overflow sugli 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 rimanere al passo con le 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.