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 volvieron estables. En esta publicación, se analizan las nuevas funciones 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() y Iterator.prototype.map(). Estos ayudantes permiten operaciones similares a las de 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.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: not supported.

Source

Fragmentos de texto

También en Firefox 131, se admite el uso de fragmentos de texto, junto con el seudoelemento ::target-text de CSS.

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

Cookies con estado particionado independiente (CHIPS)

Firefox 131 incluye CHIPS, que te permite habilitar las cookies en el almacenamiento particionado con la directiva partitioned del encabezado HTTP Set-Cookie.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: not supported.

Source

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 función de Baseline recién disponible. Firefox 132 incluye los métodos requestVideoFrameCallback() y cancelVideoFrameCallback() de HTMLVideoElement.

Browser Support

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

Source

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

Browser Support

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

Source

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 como Baseline.

Obtén más información en Cómo optimizar la carga de recursos con la API de Fetch Priority.

Browser Support

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

Source

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.

Browser Support

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

Source

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.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

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.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: not supported.
  • Safari: not supported.

Source

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 brindan una vista previa de lo que estará disponible 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 resto del mundo 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 vez 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.

También en Chrome 131, se admite la compatibilidad con los cuadros de margen @page de medios paginados de CSS, por lo que puedes proporcionar encabezados y pies de página personalizados cuando imprimas desde la Web.