Nuevo en la plataforma web en octubre

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante octubre de 2025.

Rachel Andrew

Publicado: 30 de octubre de 2025

Versiones estables del navegador

Chrome 142 y Firefox 144 se lanzaron en la versión estable durante octubre. En esta publicación, se analiza lo que eso significa para la plataforma web.

La API de View Transitions para apps de una sola página

Firefox 144 incluye compatibilidad con las transiciones de vista dentro del mismo documento. Esto incluye la compatibilidad con lo siguiente:

• La seudoclase :active-view-transition
• La propiedad view-transition-class
• La propiedad view-transition-name
• El seudoelemento ::view-transition
• El seudoelemento ::view-transition-group()
• El seudoelemento ::view-transition-image-pair()
• El seudoelemento ::view-transition-new()
• El seudoelemento ::view-transition-old()

Esto hace que las transiciones de vista en el mismo documento estén disponibles como referencia.

Los atributos command y commandfor en el elemento <button>

Firefox 144 admite command y commandfor. Puedes obtener más información sobre estos atributos en Presentamos command y commandfor.

El método moveBefore()

Ahora, Firefox admite el método moveBefore() en las interfaces Element, DocumentFragment y Document. Esto te permite mover un elemento secundario inmediato del objeto antes de otro de sus elementos secundarios, y ambos elementos conservan su estado.

Obtén más información en Cómo conservar el estado durante las mutaciones del DOM con moveBefore().

Seudoclases :target-before y :target-after

Chrome 142 agrega seudoclases que coinciden con los marcadores de desplazamiento que están antes o después del marcador activo (que coincide con :target-current) dentro del mismo grupo de marcadores de desplazamiento, según lo determina el orden del árbol plano:

• :target-before: Coincide con todos los marcadores de desplazamiento que preceden al marcador activo en el orden del árbol plano dentro del grupo.
• :target-after: Coincide con todos los marcadores de desplazamiento que siguen al marcador activo en el orden del árbol plano dentro del grupo.

Sintaxis de rango para consultas de contenedor de diseño y if()

Chrome 142 mejora las consultas de estilo CSS y la función if() agregando compatibilidad con la sintaxis de rango.

Extiende las consultas de estilo más allá de la coincidencia de valores exactos (por ejemplo, style(--theme: dark)). Los desarrolladores pueden usar operadores de comparación (como > y <) para comparar propiedades personalizadas, valores literales (por ejemplo, 10 px o 25%) y valores de funciones de sustitución como attr() y env(). Para que la comparación sea válida, ambos lados deben resolverse en el mismo tipo de datos. Se limita a los siguientes tipos numéricos: <length>, <number>, <percentage>, <angle>, <time>, <frequency> y <resolution>.

Invocadores de interés (atributo interestfor)

Chrome 142 también agrega un atributo interestfor a los elementos <button> y <a>. Este atributo agrega comportamientos de "interés" al elemento. Cuando un usuario muestra interés en el elemento, se activan acciones en el elemento objetivo, por ejemplo, se muestra una ventana emergente.

El agente de usuario detecta cuando un usuario muestra interés en el elemento a través de métodos como mantener el puntero sobre el elemento, presionar teclas de acceso rápido especiales en el teclado o mantener presionado el elemento en pantallas táctiles. Cuando se muestra o se pierde el interés, se activa un InterestEvent en el objetivo, que tiene acciones predeterminadas para las ventanas emergentes, como mostrar y ocultar la ventana emergente.

Versiones beta del navegador

Las versiones beta del navegador te brindan una vista previa de lo que se incluirá en la próxima versión estable del navegador. Es un buen momento para probar las funciones nuevas o las eliminaciones que podrían afectar tu sitio antes de que se lance la versión para todo el mundo. Las nuevas versiones beta de este mes son Firefox 145 y Chrome 143, con Safari 26.1 en curso.

Firefox 145 incluye la propiedad source de la interfaz ToggleEvent y el método estático Atomics.waitAsync().

Chrome 145 incluye consultas de contenedores de resguardo anclados de CSS. Esto introduce @container anchored(fallback) para aplicar estilo a los elementos secundarios de los elementos posicionados con anclaje según el valor de position-try-fallbacks que se aplique.