Nuevo en la plataforma web en mayo

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

Rachel Andrew

Fecha de publicación: 29 de mayo de 2025

Versiones estables del navegador

En mayo de 2025, Firefox 139, Chrome 137 y Safari 18.5 se volvieron estables. En esta publicación, se analizan las nuevas funciones que se agregaron a la plataforma web con estas versiones.

API de Temporal

Firefox 139 es el primer navegador que admite la API de Temporal. Esto simplifica el trabajo con fechas y horas en varias situaciones, con representaciones de calendario y zona horaria integradas.

hidden=until-found y el evento beforematch

Firefox 139 también incluye el atributo HTML hidden="until-found" y el evento beforematch. El estado until-found te permite ocultar el contenido de un elemento hasta que lo encuentre la búsqueda del usuario (por ejemplo, con "Buscar en la página") o la navegación de fragmentos. El evento beforematch se activa justo antes de que se quite el atributo hidden.

El método requestClose()

Ahora, el método requestClose() de la interfaz HTMLDialogElement está disponible como línea de base con la versión 139 de Firefox.

Este método difiere del método HTMLDialogElement.close() en que activa un evento cancel antes de activar el evento close.

reading-flow y reading-order de CSS

Chrome 137 envía reading-flow y reading-order. La propiedad CSS reading-flow controla el orden en que los elementos de un diseño flexible, de cuadrícula o de bloque se exponen a las herramientas de accesibilidad y cómo se enfocan con métodos de navegación secuencial lineal. Esto resuelve un problema de larga data con los diseños de cuadrícula y flex, en los que el orden de tabulación puede desconectarse del orden en que se organizan los elementos.

La propiedad CSS reading-order te permite anular manualmente el orden de los elementos dentro de un contenedor de flujo de lectura. Para usar esta propiedad dentro de una cuadrícula, un contenedor flex o de bloque, establece el valor reading-flow del contenedor en source-order y establece el reading-order del elemento individual en un valor entero.

Para obtener más información, consulta Cómo usar el flujo de lectura de CSS para la navegación de enfoque secuencial lógica.

Función if() de CSS

También en Chrome 137, la función if() de CSS proporciona una forma concisa de expresar valores condicionales. Acepta una serie de pares condición-valor delimitados por punto y coma. La función evalúa cada condición de forma secuencial y muestra el valor asociado con la primera condición verdadera. Si ninguna de las condiciones se evalúa como verdadera, la función muestra un flujo de tokens vacío.

Document-Isolation-Policy

En el envío de Chrome 137, Document-Isolation-Policy permite que un documento habilite crossOriginIsolation por sí mismo, sin tener que implementar COOP o COEP, y sin importar el estado de crossOriginIsolation de la página. La política está respaldada por el aislamiento de procesos. Además, los subrecursos entre dominios del documento que no sean de CORS se cargarán sin credenciales o deberán tener un encabezado CORP.

Notificación web push declarativa

Safari 18.5 fue principalmente una versión de corrección de errores, pero agrega el Push web declarativo a macOS, una función que actualmente solo está disponible en Safari. Obtén más información en Meet Declarative Web Push en el blog de WebKit.

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 140 y Chrome 138.

Firefox 140 incluye un subconjunto de la API de Cookie Store, un método moderno, asíncrono y basado en promesas para administrar cookies, que se puede usar tanto en el subproceso principal como en los trabajadores del servicio.

Chrome 138 incluye varias APIs de IA integradas, como la API de Summarizer, la API de Language Detector y la API de Translator.

También en Chrome 138, hay varias funciones de CSS, incluida la palabra clave de tamaño stretch y las funciones sibling-index() y sibling-count().