Novedades de la plataforma web en abril

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

Rachel Andrew

Fecha de publicación: 30 de abril de 2025

Versiones estables del navegador

En abril de 2025, Firefox 137, Firefox 138, Chrome 135 y Chrome 136 se volvieron estables. En esta publicación, se analizan las funciones nuevas que se agregaron a la plataforma web durante un mes en el que se lanzaron dos versiones de Chrome y Firefox.

Los carruseles llegan a Chrome

Varias de las funciones que se incorporaron a Chrome en la versión 135 permiten la creación de carruseles y otras experiencias paginadas en la Web.

Los pseudoelementos ::scroll-button() y ::scroll-marker() te permiten agregar botones y marcadores a cualquier área desplazable de tu sitio, lo que le brinda controles de navegación y una forma de mostrarle al usuario dónde se encuentra a medida que avanza por el carrusel.

Browser Support

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

Source

El pseudoelemento ::column que te permite aplicar diseño a un fragmento de columna.

Browser Support

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

Source

La propiedad interactivity especifica si un elemento y sus descendientes de árbol plano (incluidos los tramos de texto) son inertes o no.

Browser Support

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

Si haces que un elemento sea inerte, se verá afectado si se puede enfocar, editar, seleccionar y si se puede buscar con la función Buscar en la página. También afecta si es visible en el árbol de accesibilidad.

Obtén más información en Carruseles con CSS.

Los atributos command y commandfor

También en Chrome 135, se incluyen los atributos command y commandfor. Estos mejoran y reemplazan los atributos popovertargetaction y popovertarget. Estos atributos nuevos se pueden agregar a los botones, lo que permite que el navegador aborde algunos problemas principales relacionados con la simplicidad y la accesibilidad, y proporcione una funcionalidad común integrada.

Obtén más información en Presentamos command y commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

La función shape() de CSS

La función CSS shape() en Chrome 135 se usa para definir una forma para las propiedades clip-path y offset-path. Obtén información para usarlo en el corte responsivo. Esta función se envió en Safari 18.4 y también está en Firefox Nightly. Con suerte, estará disponible en Baseline muy pronto.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

Firefox 137 incluye Atomics.pause(), lo que hace que esta función esté disponible como Baseline. Este método estático proporciona una primitiva de microespera que le indica a la CPU que el llamador está girando mientras espera el acceso a un recurso compartido. Esto permite que el sistema reduzca los recursos asignados al subproceso o al núcleo (como la energía), sin entregar el subproceso actual.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 también incluye la propiedad CSS hyphenate-limit-chars. Esta propiedad especifica una longitud mínima de palabras para permitir la división de palabras y una cantidad mínima de caracteres antes y después del guion.

Browser Support

  • Chrome: 109.
  • Edge: 109.
  • Firefox: 137.
  • Safari: not supported.

Source

RegExp.escape

El método estático RegExp.escape se lanzó en todos los navegadores en unos pocos meses y se convierte en Baseline Newly available cuando se lanza en Chrome 136.

Este método escapa cualquier posible carácter de sintaxis de expresión regular en una cadena y muestra una cadena nueva que se puede usar de forma segura como un patrón literal para el constructor RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

El método estático Error.isError() determina si el valor pasado es un error. Se incluye en Firefox 138. Si bien es compatible con todos los navegadores, aún no se considera un modelo de referencia recién disponible, ya que Safari actualmente muestra false para instancias de DOMException.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

La API de Login Status para FedCM

Firefox 138 admite la API de Login Status cuando se usa la API de Federated Credential Management (FedCM). Se usa para establecer y verificar si un usuario del navegador accedió a un proveedor de identidad. Firefox 138 incluye compatibilidad con la interfaz NavigatorLogin, la propiedad navigator.login y el encabezado de respuesta HTTP Set-Login.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Integridad de Importmap

En Firefox 138, el valor importmap del atributo type del elemento <script> ahora admite la clave integrity. Esto permite que las URLs de los módulos de ES a las que se hace referencia en los mapas de importación coincidan con sus metadatos de integridad. Esta función ahora está disponible en Baseline.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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 139 y Safari 18.5.

Hasta el momento, la versión beta de Safari 18.5 solo incluye algunas correcciones de errores después de la gran actualización 18.4.

En el momento de escribir este artículo, Firefox no había publicado sus notas de la versión, sin embargo, la versión beta parece incluir el envío de la API de Temporal, lo que convierte a Firefox en el primer navegador en enviar esta versión mejorada de Date. También se implementó <dialog> request.close(), que llevará este método al modelo de referencia recientemente disponible.