Tieni presente quanto segue:
- La visualizzazione degli elementi
<ruby>è migliore con le interruzioni di riga. - Promise.try semplifica la catena di cose di Promise.
- La funzionalità PointerEvent viene estesa per identificare in modo univoco più penne.
- E ce ne sono molti altri.
Sono Adriana Jara. Vediamo quali sono le novità di Chrome 128 per gli sviluppatori.
Riga con interruzioni <ruby>
L'elemento <ruby> migliora la presentazione del testo, in particolare per le lingue dell'Asia orientale. Ti permette di mostrare annotazioni fonetiche o altre informazioni supplementari sopra o accanto al testo di base.
Un elemento rubino è composto da due parti principali, la base rubino, che è il testo principale, e il testo rubino, che è il testo dell'annotazione, sottoposto a markup con l'elemento.
In precedenza, se una base di rubino o un testo di rubino era più lungo di una linea intera, questi venivano avvolti individualmente creando sfide di layout.
Il simbolo rubino è ora in grado di suddividere le righe e posiziona il testo dell'annotazione con il rubino a capo sul testo di base aggregato per ottenere un rendering ideale del testo.
Visita la proprietà ruby-align <ruby> e CSS con interruzioni di riga per esempi e ulteriori informazioni.
Promise.try
Promise.try semplifica la gestione degli errori con le promesse. C'è uno schema in cui hai una funzione, f. Questa funzione può essere asincrona e restituire una promessa o meno. Per utilizzare la semantica di Promise per gestire gli errori in entrambi i casi, aggrega la funzione in una promessa.
Un modo per farlo è tramite Promise.resolve().then(f), ma in questo caso f verrebbe eseguito inutilmente in modo asincrono al successivo segno di spunta.
Per evitare questo problema, devi usare new Promise(resolve => resolve(f())), che non è affatto ergonomico.
Promise.try è il modo semplice e immediato per ottenere lo stesso risultato. Ti consente di avviare una catena Promise che rileva tutti gli errori nei gestori .catch anziché dover gestire i flussi di eccezioni sia sincroni che asincroni.
Per saperne di più, consulta la documentazione di Promise.try.
PointerEvent.deviceProperties per la scrittura a mano libera con più penna
Gli sviluppatori non avevano modo di distinguere tra due singole penne su un digitalizzatore con inchiostro. L'attributo esistente PointerEvent.pointerId viene implementato in modi diversi e non viene sempre mantenuto per ogni tratto di inchiostro o interazione con lo schermo.
L'interfaccia di PointerEvent è stata estesa per includere un nuovo attributo: deviceProperties. Contiene l'attributo uniqueId, che rappresenta un identificatore univoco isolato su documenti, permanente per la sessione che uno sviluppatore può utilizzare in modo affidabile per identificare le singole penne che interagiscono con la pagina.
Grazie a questa modifica, ad esempio, puoi impostare colori o forme di penna specifici per ogni dispositivo che interagisce con il digitalizzatore.
Leggi come iniziare a utilizzare gli eventi puntatore nella sezione Indicare la strada da seguire.
E tanto altro.
Naturalmente c'è molto altro.
La proprietà CSS
zoomè ora allineata allo standard più recente.Gli errori di creazione e rendering audio di
AudioContextvengono ora segnalati tramiteAudioContext.onerror.Il riquadro Animazioni DevTools ora acquisisce le animazioni e puoi modificare
@keyframeslive.
Leggi le note di rilascio complete.
Per approfondire
Vengono illustrati solo alcuni dei punti salienti. Visita i seguenti link per ulteriori modifiche in Chrome 128.
- Novità di Chrome DevTools (128)
- Aggiornamenti di ChromeStatus.com per Chrome 128
- Elenco delle modifiche al repository di codice sorgente di Chromium
- Calendario dei rilasci di Chrome
Iscriviti
Per non perderti gli aggiornamenti, iscriviti al Canale YouTube per sviluppatori di Chrome, e riceverai una notifica via email ogni volta che viene lanciato un nuovo video.
Ciao Adriana Jara, non appena verrà rilasciato Chrome 128, ti fornirò tutte le informazioni sulle novità di Chrome.