Nuevo en la plataforma web en octubre

Descubre algunas de las funciones interesantes que llegaron a los navegadores web estables y beta durante octubre de 2024.

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.

Navegadores compatibles

  • Chrome: 122.
  • Borde: 122
  • Firefox: 131.
  • Safari: No se admite.

Origen

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.

Navegadores compatibles

  • Chrome: 89.
  • Borde: 89.
  • Firefox: 131.
  • Safari Technology Preview: compatible.

Origen

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.

Navegadores compatibles

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: No se admite.

Origen

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.

Navegadores compatibles

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Origen

También se incluye el método MediaStreamTrack.getCapabilities().

Navegadores compatibles

  • Chrome: 59.
  • Edge: 12.
  • Firefox: 132.
  • Safari: 11.

Origen

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.

Navegadores compatibles

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132
  • Safari: 17.2.

Origen

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.

Navegadores compatibles

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 32.
  • Safari: 7.

Origen

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

  • Chrome: 130
  • Edge: 130.
  • Firefox: 132.
  • Safari: No se admite.

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

  • Chrome: 130
  • Edge: No es compatible.
  • Firefox: No es compatible.
  • Safari: No se admite.

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.