Nuevo en la plataforma web en junio

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

Rachel Andrew

Fecha de publicación: 30 de junio de 2025

Versiones estables del navegador

En junio de 2025, Firefox 140 y Chrome 138 se volvieron estables. En esta publicación, se analizan las nuevas funciones que se agregaron a la plataforma web con estas versiones.

Escapa < y > en los atributos cuando serialices HTML.

Tanto Chrome 138 como Firefox 140 incluyen este cambio para evitar exploits en los que se serializa el HTML y, luego, se vuelve a insertar en el DOM. Este cambio también se incluye en la versión beta de Safari 26. Obtén más información sobre por qué se necesitaba este cambio.

La API de CSS Custom Highlight

Firefox 140 implementa la API de CSS Custom Highlight. Esto te permite definir y aplicar estilos a rangos de texto arbitrarios en un documento, similar a otros pseudoelementos de CSS de resaltado, como ::grammar-error.

Además de la API de JavaScript, el trabajo incluye el pseudoelemento ::highlight de CSS, que se usa para aplicar estilos al elemento destacado registrado. Si bien esta función ahora es ampliamente interoperable, algunos problemas con el pseudoelemento ::highlight hacen que aún no sea del todo compatible con Baseline.

La API de Cookie Store

La API de Cookie Store es una API asíncrona para administrar cookies y es compatible con Firefox 140. Ahora hay compatibilidad básica con esta API en todos los navegadores. Sin embargo, consulta el gráfico de compatibilidad en MDN para obtener información sobre las partes que aún no son interoperables.

Eliminación de eventos de mutación

Interop 2025 incluye una eliminación este año. Los eventos de mutación heredados, como DOMSubtreeModified, DOMNodeInserted y DOMNodeRemoved, detectan cambios en el DOM y ejecutan una devolución de llamada de objeto de escucha de eventos cuando se producen cambios en el DOM. Estos eventos de mutación dejaron de estar disponibles a favor de la API de MutationObserver, que tiene un mejor rendimiento y es menos propensa a errores.

Firefox 140 quita estos eventos, que ya se quitaron de Chrome.

Funciones de CSS en Chrome 138

Chrome 138 incluye un conjunto completo de funciones de CSS, algunas de las cuales son nuevas para la plataforma, y otras se convierten en Baseline con su inclusión en Chrome.

Las funciones relacionadas con el signo abs() y sign() se convierten en Baseline recién disponibles con Chrome 138.

La función de interpolación progress() es nueva en la plataforma.

Chrome 138 también incluye sibling-index() y sibling-count(). Se pueden usar como números enteros en los valores de las propiedades CSS para aplicar diseño a los elementos según su posición entre sus elementos hermanos o la cantidad total de elementos hermanos, respectivamente.

APIs de IA integradas para la traducción, la detección de idioma y el resumen

Chrome 138 incluye tres APIs de IA de JavaScript integradas. Las APIs de Translator y Language Detector te permiten detectar el idioma en el que está escrito el texto y traducirlo a diferentes idiomas. Usan el modelo de IA interno del navegador y, por lo tanto, realizan este trabajo en el dispositivo.

La API de Summarizer resume el texto, nuevamente en el dispositivo, con el modelo de IA interno del navegador.

Compatibilidad con la orientación de fotogramas de video en WebCodecs

Chrome 138 también agrega valores rotation: int y flip: bool a varias interfaces relacionadas con videos en WebCodecs para que los desarrolladores puedan trabajar con fuentes de fotogramas que tengan orientación.

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 141, Safari 26 y Chrome 139.

Safari 26 promete ser una versión del navegador repleta de funciones. En el caso de CSS, incluye compatibilidad con overflow-block y overflow-inline, animaciones basadas en el desplazamiento, posicionamiento de anclaje, la función progress() de CSS y mucho más. También se admite la API de AudioEncoder y AudioDecoder, la API de URLPattern, la API de Digital Credentials, Trusted Types y la API de WebAuthn Signal.

Chrome 139 incluye funciones personalizadas de CSS, formas de esquina y la propiedad caret-animation. También se incluye la API de Web Speech integrado en el dispositivo, las extensiones de alcance de la app web y el comando de invocador request-close.

Firefox 141 agrega el argumento options.source para showPopover() y togglePopover() para establecer una relación entre un popover y su invocador. También incluye compatibilidad con la propiedad font-variant-emoji de CSS.