Novedades de Chrome 128

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Analicemos las novedades para desarrolladores en Chrome 128.

Línea <ruby>

El elemento <ruby> mejora la presentación del texto, en especial para los idiomas del este de Asia. Te permite mostrar anotaciones fonéticas o cualquier otra información complementaria sobre o junto al texto base.

Un elemento ruby consta de dos partes principales: la base de ruby, que es el texto principal, y el texto ruby, que es el texto de la anotación, marcado con el elemento.

Anteriormente, si un ruby-base o un ruby-text era más largo que una línea completa, se unían de forma individual, lo que creaba desafíos de diseño.

Ahora, el texto ruby con líneas separables coloca el texto de la anotación ruby unido sobre el texto base unido, lo que logra una renderización de texto ideal.

Consulta <ruby> de línea interrumpida y la propiedad ruby-align de CSS para obtener ejemplos y más información.

Promise.try

Promise.try facilita la administración de errores con promesas. Hay un patrón en el que tienes una función, f. Esta función puede ser asíncrona y mostrar una promesa, o no. Para usar la semántica de Promise y controlar los errores en ambos casos, une la función en una promesa.

Una forma de lograrlo es con Promise.resolve().then(f), pero en este caso, f se ejecutaría de forma asíncrona innecesariamente en el siguiente tick.

Para evitar este problema, debes usar new Promise(resolve => resolve(f())), que no es ergonómico en absoluto.

Promise.try, es la forma simple y directa de lograr lo mismo. Te permite iniciar una cadena de promesas que captura todos los errores en los controladores .catch en lugar de tener que controlar los flujos de excepciones síncronos y asíncronos.

Para obtener más información, consulta la documentación de Promise.try.

PointerEvent.deviceProperties para la escritura con varios bolígrafos

Los desarrolladores no tenían forma de distinguir entre dos plumas individuales en un digitalizador habilitado para tinta. El atributo PointerEvent.pointerId existente se implementa de diferentes maneras y no siempre persiste para cada trazo de tinta o interacción con la pantalla.

La interfaz PointerEvent ahora se extiende para incluir un atributo nuevo: deviceProperties. Contiene el atributo uniqueId, que representa un identificador único persistente en la sesión y aislado del documento que un desarrollador puede usar de forma confiable para identificar plumas individuales que interactúan con la página.

Con este cambio, puedes, por ejemplo, establecer colores o formas de pluma específicos para cada dispositivo que interactúe con el digitalizador.

Lee sobre cómo comenzar a usar los eventos del puntero en Pointing the way forward.

Y mucho más.

Por supuesto, hay mucho más.

  • La propiedad zoom de CSS ahora está alineada con el estándar más reciente.

  • Los errores de creación y renderización de audio de AudioContext ahora se informan a través de AudioContext.onerror.

  • El panel Animations de DevTools ahora captura animaciones y puedes editar @keyframes en vivo.

Lee las notas de la versión completas.

Lecturas adicionales

Esto solo abarca algunos aspectos clave. Consulta los siguientes vínculos para ver cambios adicionales en Chrome 128.

Suscribirse

Para mantenerte al tanto, suscríbete al canal de YouTube de Chrome Developers y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.

Soy Adriana Jara y, en cuanto se lance Chrome 128, estaré aquí para contarte las novedades.