Descubre algunas de las funciones interesantes que se lanzaron a navegadores web estables y beta durante octubre de 2023.
Versiones del navegador estable
En octubre de 2023, Firefox 119, Safari 17.1, Chrome 118 y Chrome 119 se volvieron estables. En esta publicación, se explica lo que esto significa para la plataforma web.
Funciones de JavaScript en Firefox 119
En Firefox 119, es la agrupación de arrays de JavaScript con los métodos estáticos Object.groupBy y Map.groupBy.
Además, en Firefox 119 están los métodos isWellFormed()
y toWellFormed()
de String
. Se pueden usar para verificar si una string contiene Unicode con el formato correcto y para limpiar una string en Unicode con el formato correcto. Estos métodos ahora son interoperables en los tres motores principales.
El elemento HTML <search>
ahora es interoperable
Chrome 118 incluye el elemento <search>
, un nuevo elemento HTML que representa las partes del documento o la aplicación que se usan para la búsqueda o el filtrado. Ahora, esta función es interoperable en los tres motores principales.
Reglas horizontales dentro de elementos seleccionados
En octubre se lanzaron dos versiones de Chrome. En Chrome 119, se agregó una pequeña adición a los elementos HTML <select>
. Ahora puedes agregar una regla horizontal entre las opciones que
se muestre como un divisor entre los elementos. Obtén más información en Seleccionar elemento: ahora con reglas horizontales.
Alcance de CSS
Chrome 118 incluye CSS con alcance con la regla @scope
. Esta regla proporciona una manera de seleccionar elementos dentro de un subárbol del DOM. Obtén más información en Limita el alcance de tus selectores con el @scope at-rule de CSS.
Navegadores compatibles
- 118
- 118
- x
- 17,4
CSS prefers-reduced-transparency
Chrome 118 incluye la función multimedia prefers-reduced-transparency
. Este es uno de un conjunto de funciones que te permiten verificar las preferencias establecidas por un usuario en su dispositivo y responder para satisfacer sus necesidades en tu código. Obtén más información sobre la función en CSS prefers-reduced-transparency.
Sintaxis de colores relativos de CSS
En Chrome 119, se incluye una nueva y potente función de CSS Color 5: sintaxis de color relativo. Esto te permite derivar un color a partir de otro, usando cualquier espacio de color o sintaxis que necesites.
Recolección de elementos no utilizados de WebAssembly (WasmGC)
Chrome 119 incluye WasmGC para acelerar el trabajo con lenguajes de recolección de elementos no utilizados, como Kotlin, PHP o Java, en WebAssembly. Encuentra todos los detalles en La recolección de elementos no utilizados de WebAssembly (WasmGC) ahora está habilitada de forma predeterminada en Chrome.
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 120 y Safari 17.2. 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.2 incluye muchas funciones nuevas. En el caso de CSS, se admite la API de Custom Highlight de CSS, las propiedades mask-border
, la propiedad counter-set
y muchas otras funciones. Además, hay muchas correcciones a las funciones existentes para mejorar la interoperabilidad.
En el caso de HTML, Safari 17.2 incluye compatibilidad con el atributo name
para el elemento <details>
. Además, en las APIs web, se admite la prioridad de recuperación y las imágenes responsivas ahora están habilitadas en <link rel=preload>
.
Firefox 120 agrega compatibilidad con las unidades rh
y rlh
de CSS, text-wrap: balance
, y la función light-dark()
.
Parte de la serie de novedades en la Web