Nuevo en la plataforma web en noviembre

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

Fecha de publicación: 27 de noviembre de 2024

En noviembre de 2024, Firefox 131 y Chrome 131 se volvieron estables. En esta publicación, se analizan las nuevas funciones que se agregaron a la plataforma web.

API de WebCodecs

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.

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

La propiedad permissions de WorkerNavigator

Firefox 133 también admite WorkerNavigator.permissions.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page cuadros de margen

Chrome 131 agrega compatibilidad con los cuadros de margen de página cuando se imprime un documento web o se exporta como PDF.

Los cuadros de margen @page te permiten definir el contenido en el área de margen de una página, por ejemplo, para proporcionar encabezados y pies de página personalizados, en lugar de usar los encabezados y pies de página integrados que genera el navegador.

También se admiten contadores para la numeración de páginas. La especificación define dos nombres de contadores especiales: page para el número de página actual y pages para la cantidad total de páginas.

Obtén más información en Cómo agregar contenido a los márgenes de las páginas impresas con CSS.

Browser Support

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

Compatibilidad con currentcolor en la sintaxis de colores relativos

Chrome 131 permite que los colores relativos en CSS (con la palabra clave from) usen currentcolor como base. Esto te permite establecer colores complementarios, basados en el color de texto de un elemento, para los bordes, las sombras o los fondos de ese elemento.

Métodos Uint8Array

Firefox 133 agrega varios métodos Uint8Array nuevos para facilitar las conversiones entre base64- y cadenas y arrays de bytes codificados en hexadecimal:

  • Uint8Array.fromBase64() y Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() y Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() y Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

WebHID en trabajadores dedicados

Chrome 131 habilita WebHID dentro de contextos de trabajadores dedicados. Esto te permite realizar E/S intensivas y el procesamiento de datos de un dispositivo HID en un subproceso independiente, lo que ayuda a reducir el impacto en el rendimiento del subproceso principal.

Browser Support

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

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 134, Safari 18.2 y Chrome 132. 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.

Safari 18.2 incluye los métodos Uint8Array, que se mencionaron antes en esta publicación como que se envían en Firefox, y los descriptores de margen @page que se enviaron en Chrome este mes. Hay una buena lista de funciones nuevas de CSS, incluida la compatibilidad con transiciones de vista entre documentos, ruby-align y text-box-trim.

Chrome 132 incluye compatibilidad con las palabras clave sideways-rl y sideways-lr para la propiedad CSS writing-mode, eventos de activación para <dialog> y un método bytes() para las interfaces Request y Response.

Firefox 134 no tiene muchos detalles en este momento, pero parece incluir Promise.try, que también está en la versión beta de Safari 18.2.