Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di Chrome 108

Adriana Jara

Tieni presente quanto segue:

È più facile creare UI adattive con nuove unità di dimensioni dell'area visibile.
I caratteri di vettori di colore ora includono il supporto per caratteri variabili.
I metodi nell'interfaccia FileSystemSyncAccessHandle, che fa parte dell'API File System Access, ora sono sincroni.
E ce ne sono molte altre

Sono Adriana Jara. Analizziamo le novità di Chrome 108 per gli sviluppatori.

Nuove unità di dimensioni dell'area visibile

Le nuove unità dell'area visibile offrono un maggiore controllo per la creazione di UI adattive.

Queste unità misurano l'area dell'area visibile in modo diverso, poiché prendono in considerazione gli elementi UI del browser che possono essere espansi o compressi. ad esempio la barra degli indirizzi.

Le unità large forniscono le dimensioni dell'area visibile se le interfacce dello user agent sono compresse.

Invece, le unità small forniscono le dimensioni dell'area visibile supponendo che le interfacce siano espanse.

Inoltre, con unità dynamic, le dimensioni dell'area visibile si adattano automaticamente in risposta all'eventuale visualizzazione di elementi dell'interfaccia del browser.

Il valore deve essere qualsiasi cosa entro i limiti dell'unità grande (la massima) e delle unità piccole (il minimo).

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

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

I caratteri variabili ora sono supportati in COLRv1.

I caratteri dei vettori di colore COLRv1 sono supportati da Chrome 98, ma la versione iniziale supportava solo le funzionalità statiche della tabella COLRv1.

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

Questa release include anche le estensioni di condizione font-tech() e font-format() per il 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 un elemento di riserva se il supporto non è disponibile.

Prova la demo qui e dai un impatto alle tue parole usando caratteri variabili.

I metodi FileSystemSyncAccessHandle ora sono sincroni.

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

Questa chiamata genera un FileSystemSyncAccessHandle.

I metodi truncate(newSize), getSize(), flush() e close() nell'handle di accesso in questione erano asincroni, ma sono sincroni a partire dalla versione 108 di Chrome.

Esiste un valido motivo per il cambiamento: FileSystemSyncAccessHandle corrisponde all'API di file sincrona, simile a POSIX, che le applicazioni basate su Wasm si aspettano, rendendo l'API più ergonomica e aumentando al contempo le prestazioni sostanziali.

Questa modifica potrebbe causare interruzioni. Se utilizzi i metodi illustrati sopra, qualsiasi utilizzo di Promise.then() non sarà più valido. Se concateni una chiamata then() al 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 c'è molto altro.

È in corso l'implementazione di una modifica nel 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 worker.

Per approfondire

Vengono trattati solo alcuni punti salienti. Controlla i link riportati di seguito per ulteriori modifiche in Chrome 108.

Per non perderti nessun aggiornamento, iscriviti al canale YouTube degli sviluppatori di Chrome e riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.

Sono Adriana Jara e non appena uscirà Chrome 109 sarò qui per farti conoscere le novità di Chrome.