Tenga en cuenta lo siguiente:
- Es mejor mostrar elementos
<ruby>con saltos de línea. - Promise.try facilita la creación de cadenas de promesas.
- PointerEvent se extiende para identificar de manera única varios bolígrafos.
- Hay mucho más.
Soy Adriana Jara. Profundicemos y veamos las novedades para desarrolladores en Chrome 128.
Salto de línea <ruby>
El elemento <ruby> mejora la presentación de texto, especialmente en los idiomas del este asiático. Te permite mostrar anotaciones fonéticas u otra información complementaria encima o al lado del texto base.
Un elemento rubí consta de dos partes principales: una base de rubí que es el texto principal y el texto rubí que es el texto de la anotación, marcada con el elemento.
Anteriormente, si una base rubí o un texto rubí era más largo que una línea completa, se unían de forma individual para crear desafíos de diseño.
El rubí, ahora con salto de línea, coloca el texto de las anotaciones de ese color sobre el texto base ajustado, lo que logra una renderización de texto ideal.
Consulta <ruby> con salto de línea y 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 para controlar los errores en ambos casos, debes unir la función a una promesa.
Una forma de lograrlo es con Promise.resolve().then(f), pero, en este caso, f se ejecutará de forma innecesariamente asíncrona en la siguiente marca.
Para evitar este problema, debes usar new Promise(resolve => resolve(f())), que no es ergonómico.
Promise.try es la forma sencilla y directa de lograr lo mismo. Te permite iniciar una cadena de promesa que detecte todos los errores en los controladores .catch, en lugar de tener que manejar flujos de excepción 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 lápiz
Los desarrolladores no tenían forma de distinguir entre dos bolígrafos individuales en un digitalizador con tinta. El atributo PointerEvent.pointerId existente se implementa de diferentes maneras y no siempre se conserva para cada trazo de tinta o interacción con la pantalla.
Se extendió la interfaz PointerEvent para incluir un atributo nuevo: deviceProperties. Contiene el atributo uniqueId, que representa un identificador único, persistente en la sesión y aislado en documentos que un desarrollador puede usar de manera confiable para identificar bolígrafos individuales que interactúan con la página.
Con este cambio, podrás, por ejemplo, establecer colores específicos o formas de bolígrafo para cada dispositivo que interactúe con el digitalizador.
Obtén información para comenzar a usar los eventos de puntero en Indica el camino a seguir.
Y mucho más.
Por supuesto, hay mucho más.
La propiedad
zoomdel CSS ahora está alineada con el estándar más reciente.Los errores de creación y renderización de audio de
AudioContextahora se informan a través deAudioContext.onerror.El panel Animations de DevTools ahora captura animaciones y puedes editar
@keyframesen tiempo real.
Lee las notas de la versión completas.
Lecturas adicionales
Esto abarca solo algunos aspectos destacados. Consulta los siguientes vínculos para cambios adicionales en Chrome 128.
- Novedades de las Herramientas para desarrolladores de Chrome (128)
- Actualizaciones de ChromeStatus.com para Chrome 128
- Lista de cambios del repositorio de código fuente de Chromium
- Calendario de lanzamientos de Chrome
Suscribirse
Para mantenerte al día, 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.
Yo soy Adriana Jara. Apenas se lance Chrome 128, estaré aquí para contarte las novedades de Chrome.