Descubre algunas de las funciones interesantes que llegaron a los navegadores web estables y beta durante octubre de 2024.
Versiones estables del navegador
En octubre de 2024, Firefox 131, Firefox 132, Safari 18.1 y Chrome 130 se estabilizaron. En esta publicación, se analizan las funciones nuevas que se agregaron a la plataforma web.
Ayudantes de iterador síncrono
Firefox 131 agrega compatibilidad con ayudantes de iterador síncronos. Por ejemplo, Iterator.prototype.forEach() e Iterator.prototype.map(). Estos asistentes permiten operaciones similares a un array en iteradores sin crear objetos de array intermedios, incluidos conjuntos de datos muy grandes en los que no sería posible crear un array intermedio.
Fragmentos de texto
La versión 131 de Firefox también incluye compatibilidad con fragmentos de texto, junto con el seudoelemento ::target-text
de CSS.
Cookies con estado particionado independiente (CHIPS)
Firefox 131 incluye CHIPS, que te permiten habilitar cookies en el almacenamiento particionado mediante la directiva partitioned
del encabezado HTTP Set-Cookie
.
Actualizaciones de contenido multimedia
En la segunda versión de Firefox de octubre, se incluye un conjunto de funciones multimedia que se unen a la versión de Baseline recientemente disponible.
Firefox 132 incluye los métodos requestVideoFrameCallback()
y cancelVideoFrameCallback()
de HTMLVideoElement
.
También se incluye el método MediaStreamTrack.getCapabilities()
.
fetchPriority
La API de Fetch Priority indica la prioridad relativa de los recursos para el navegador. Es compatible con Firefox 132, lo que significa que esta API útil ahora está disponible en Baseline Newly.
Obtén más información en Cómo optimizar la carga de recursos con la API de Fetch Priority.
Compatibilidad total con box-decoration-break
Chrome 130 incluye compatibilidad completa y sin prefijo para la propiedad box-decoration-break
de CSS. Esto incluye el valor de clone
para la fragmentación intercalada y en bloque.
Obtén más información sobre la propiedad en La propiedad box-decoration-break en Chrome 130.
La regla de declaraciones anidadas
Chrome 130 y Firefox 132 admiten declaraciones anidadas de CSS, lo que significa que el CSS anidado se analiza correctamente, como se explica en La anidación de CSS mejora con CSSNestedDeclarations
.
Navegadores compatibles
El atributo connected
de serie web y los eventos de conexión de RFCOMM
Chrome 130 agrega un atributo booleano SerialPort.connected
.
El atributo muestra verdadero si el puerto serie está conectado de forma lógica.
Con esta función, los puertos en serie RFCOMM de Bluetooth envían estos eventos cuando el puerto se conecta o desconecta de forma lógica.
El objetivo de esta función es permitir que las aplicaciones detecten cuándo hay un puerto en serie RFCOMM de Bluetooth disponible sin abrirlo.
Obtén más información en Actualizaciones de Bluetooth RFCOMM en Serial web.
Navegadores compatibles
Correcciones de accesibilidad en Safari
La versión 18.1 de Safari se lanzó poco después de la 18 y corrige varios problemas de accesibilidad, en particular con display: contents
.
Versiones beta del navegador
Las versiones beta del navegador te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas o eliminaciones que podrían afectar tu sitio antes de que el público general obtenga esa versión. Las nuevas versiones beta son Firefox 133 y Chrome 131. Estas versiones ofrecen muchas funciones excelentes a la plataforma. Consulta las notas de la versión para obtener todos los detalles. Estos son solo algunos aspectos destacados.
Firefox 133 admite las interfaces ImageDecoder
, ImageTrackList
y ImageTrack
de la API de WebCodecs, lo que permite decodificar imágenes de los subprocesos principales y de trabajo.
Firefox 133 también admite WorkerNavigator.permissions
.
Chrome 131 incluye la herencia de CSS Highlight, en la que las seudoclases de CSS Highlight, como ::selection
y ::highlight
, heredan sus propiedades a través de la cadena de seudodestacado en lugar de hacerlo a través de la cadena de elementos.
El resultado es un modelo más intuitivo para la herencia de propiedades en elementos destacados.
Además, Chrome 131 es compatible con los cuadros de margen @page
de medios con páginas de CSS, por lo que puedes proporcionar encabezados y pies de página personalizados cuando imprimes desde la Web.