Descubre algunas de las funciones interesantes que se lanzaron a navegadores web estables y beta durante abril de 2024.
Versiones del navegador estable
En abril de 2024, Firefox 125 y Chrome 124 se estabilizaron. En esta publicación, se analizan las nuevas funciones que se agregaron a la plataforma web.
Cuatro funciones nuevas llegan a Baseline
Firefox 125 agregó cuatro funciones nuevas a Baseline disponible recientemente.
La API de Popover, Intl.Segmenter, align-content para diseños de bloques, y los valores content-box y stroke-box para transform-box.
La API de Popover
La API de Popover te permite crear muchos tipos de ventanas emergentes no modales. Estos incluyen información sobre la herramienta, menús, ventanas emergentes de avisos personalizados y mucho más. Las ventanas emergentes incluyen muchas funcionalidades integradas para las que antes tenías que escribir JavaScript. Obtén más información en La API de Popover llega a Baseline.
Intl.Segmenter
Intl.Segmenter habilita la segmentación de texto sensible local. Por ejemplo, permitiéndote dividir palabras en idiomas que no separan palabras con espacios. Consulta cómo funciona en el artículo El objeto Intl.Segmenter ahora forma parte de Baseline.
align-content para diseños de bloque
La propiedad align-content ahora es compatible con todos los motores principales para el diseño de bloques. Esto significa que puedes hacer una alineación de dirección de bloque sin necesidad de crear también un diseño flexible o de cuadrícula en el elemento superior. Consulta un ejemplo en La propiedad "Align-content" para diseños de bloque ahora es parte de Baseline .
Navegadores compatibles
- 123
- 123
- 125
- 17,4
CSS transform-box
Por último, en Firefox 125, hay valores de content-box y stroke-box para la propiedad transform-box.
El valor content-box usa el cuadro de contenido y stroke-box, el cuadro de límite de trazo que contiene la forma de un SVG.
Navegadores compatibles
- 118
- 118
- 125
- 13.1
La API de WebSocketStream
La API de WebSocket integra transmisiones de WhatWG con la API de WebSocket y está disponible en Chrome 124. Obtén más información en WebSocketStream: integra transmisiones con la API de WebSocket.
Navegadores compatibles
- 124
- 124
- x
- x
setHTMLUnsafe y parseHTMLUnsafe
Chrome 124 también incluye los métodos setHTMLUnsafe y parseHTMLUnsafe, que te permiten usar el Shadow DOM declarativo de JavaScript. Estos métodos también ofrecen una forma más fácil de analizar HTML de manera imperativa en DOM, en comparación con innerHTML o DOMParser.
Navegadores compatibles
- 124
- 124
- 123
- 17,4
Versiones del navegador Beta
Las versiones del navegador beta te ofrecen una vista previa de los elementos que estarán en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente. Las nuevas versiones beta son Firefox 126, Safari 17.5 y Chrome 125. Estos lanzamientos aportan muchas funciones increíbles a la plataforma. Consulta las notas de la versión para obtener todos los detalles. Estos son algunos aspectos destacados.
Safari 17.5 incluye la función de color light-dark(), que pasará a ser el modelo de referencia disponible recientemente una vez que la versión 17.5 sea estable.
Además de la sección de referencia con disponibilidad reciente, se encuentran las funciones de valor escalonado de CSS.
Chrome 125 incluye round(), mod() y rem().
Chrome 125 también incluye la API de Compute Pressure y el posicionamiento de las anclas de CSS.
Firefox 126 incluye la API de Screen Wake Lock, lo que hace que la versión de referencia de la función esté disponible recientemente.