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 2026.

Rachel Andrew

Publicación: 29 de octubre de 2026

Versiones estables del navegador

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 y Safari 27.2 se lanzaron en la versión estable durante octubre de 2026. En esta publicación, se analizan las nuevas funciones que llegarán a los navegadores este mes, con varias funciones importantes que llegarán a Baseline como recién disponibles.

Las animaciones basadas en el desplazamiento se convierten en Baseline

Firefox 159 habilita las animaciones basadas en el desplazamiento de forma predeterminada.

Las animaciones controladas por el desplazamiento te permiten vincular el progreso de una animación de CSS o de la API de Web Animations con el desplazamiento de un contenedor de desplazamiento, con scroll-timeline y la función scroll(), o con la visibilidad de un elemento dentro de su puerto de desplazamiento, con view-timeline y la función view(), asignada con animation-timeline:

Con la compatibilidad en Chrome, Safari y, ahora, Firefox 159, las animaciones basadas en el desplazamiento están disponibles recientemente en Baseline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Consulta Animaciones basadas en el desplazamiento: El camino hacia Baseline Newly available y desplázate por la línea de tiempo para explorar cómo las animaciones basadas en el desplazamiento evolucionaron de una propuesta de principios de 2014 a un estándar web interoperable que se envía en todos los motores de navegadores principales.

Los registros de elementos personalizados con alcance se convierten en Baseline

Firefox 159 agrega compatibilidad con los registros de elementos personalizados con alcance.

Anteriormente, todos los elementos personalizados debían registrarse en un único registro global de window.customElements, lo que podía causar colisiones de nombres cuando se combinaban componentes de diferentes bibliotecas o equipos. Ahora puedes crear una instancia de CustomElementRegistry independiente con el constructor CustomElementRegistry() y definir el alcance de sus definiciones en un árbol de sombra específico. La propiedad customElementRegistry también está disponible en Document, Element y ShadowRoot.

Con la compatibilidad en Chrome, Safari y Firefox 159, los registros de elementos personalizados con alcance ahora están disponibles como Baseline recién disponible.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Compatibilidad con imágenes JPEG XL

Tanto Chrome 155 como Firefox 158 habilitan la compatibilidad con el formato de imagen JPEG XL (image/jxl) de forma predeterminada.

JPEG XL es un formato de imagen de trama libre de regalías estandarizado como ISO/IEC 18181. Admite la compresión con y sin pérdida, la decodificación progresiva, las gamas de colores amplias, el alto rango dinámico (HDR), las profundidades de bits altas, la transparencia y la animación, así como la transcodificación sin pérdida de archivos JPEG existentes. Firefox 158 también actualiza el encabezado HTTP Accept predeterminado para las solicitudes de imágenes para incluir image/jxl.

Obtén más información en Envío de JPEG XL en Chrome.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

La aritmética con tipos de CSS se convierte en Baseline

Firefox 158 agrega compatibilidad con la aritmética con tipo de CSS en funciones matemáticas como calc().

La aritmética con tipos de CSS te permite dividir dos valores del mismo tipo de datos, incluso si usan unidades diferentes, para producir un cociente <number> sin unidades. Puedes usar ese resultado sin unidades directamente en las propiedades que aceptan números (como opacity o line-height) o multiplicarlo por otra unidad para convertir entre tipos:

Con la incorporación de Firefox 158 a la compatibilidad existente en Chrome y Safari, la aritmética con tipos de CSS ahora está disponible como Baseline Newly available.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

Firefox 158 agrega compatibilidad con la propiedad PerformanceResourceTiming.deliveryType.

Esta propiedad indica cómo se entregó un recurso; por ejemplo, devuelve "cache" cuando un recurso se entregó desde la caché.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

La función de CSS random()

Chrome 156 agrega compatibilidad con la función de CSS random().

La función random() genera un valor numérico aleatorio dentro de un rango mínimo y máximo especificado, con un intervalo de paso opcional. De forma predeterminada, cada llamada a random() se resuelve en un valor aleatorio distinto, o bien puedes pasar un <random-key> como primer argumento para compartir un valor aleatorio entre propiedades o elementos:

Consulta ejemplos en el artículo Embracing playful imperfection with the CSS random() function en Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

La propiedad de CSS margin-trim

Chrome 155 agrega compatibilidad con la propiedad de CSS margin-trim en contenedores de bloques y de varias columnas.

Puedes usar margin-trim en un contenedor para omitir los márgenes de sus elementos secundarios donde se encuentran con los bordes del contenedor, lo que evita el espaciado adicional antes del primer elemento secundario o después del último sin necesidad de anular :first-child o :last-child.

Obtén más información en Cómo quitar los márgenes de inicio y finalización con la propiedad margin-trim.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Estilos de contadores intercalados con la función de CSS symbols()

Chrome 155 presenta compatibilidad con la función de CSS symbols().

La función symbols() te permite definir un estilo de contador anónimo directamente en list-style-type, la abreviatura list-style, counter() o counters() sin declarar una regla @ @counter-style con nombre independiente.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

La propiedad de CSS text-decoration-skip-spaces

Chrome 155 agrega la propiedad de CSS text-decoration-skip-spaces, que controla si las líneas de decoración de texto, como los subrayados, las líneas superiores y las tachaduras, omiten los caracteres de espacio en blanco. Esto te permite evitar que se dibujen decoraciones debajo de los espacios iniciales, finales o entre palabras.

Browser Support

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

La pseudoclase de CSS :navigation-source

Chrome 156 presenta la pseudoclase CSS :navigation-source. Coincide con el vínculo, el botón o el elemento de formulario que inició una navegación y mantiene ese elemento seleccionado durante la navegación.

Browser Support

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

Importaciones de módulos de texto de JavaScript y reintentos de cargas de módulos con errores

Chrome 155 agrega compatibilidad con las importaciones de módulos de texto con import ... with { type: "text" }, uniéndose a Firefox. El atributo de importación type: "text" carga el contenido del módulo de destino como una cadena de JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

Chrome 156 también actualiza el comportamiento de carga de módulos para que las cargas de módulos con errores ya no se almacenen en caché de forma permanente. Ahora, las aplicaciones pueden volver a intentar cargar los módulos que fallaron, por ejemplo, llamando a import() de nuevo después de una falla temporal de la red.

Actualizaciones de WebTransport en Chrome y Firefox

Firefox 158 y Chrome 156 expanden WebTransport:

Firefox 158 agrega el método WebTransport.getStats() para recuperar estadísticas de conexiones y datagramas, y la propiedad estática WebTransport.supportsReliableOnly que indica si el navegador admite sesiones de WebTransport a través de transportes exclusivamente confiables.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

Chrome 156 agrega compatibilidad para pasar encabezados de solicitud HTTP personalizados en WebTransportOptions durante el protocolo de enlace inicial de CONNECT y leer los encabezados de respuesta del servidor desde la instancia de WebTransport.

La opción Notification navigate en Firefox

Firefox 158 agrega compatibilidad con la opción navigate en el constructor Notification() y ServiceWorkerRegistration.showNotification(), así como la propiedad Notification.navigate, que se une a Safari. Esta opción especifica una URL a la que el navegador debe dirigirse cuando el usuario hace clic en la notificación del sistema.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Actualizaciones de la API de HTML Sanitizer en Firefox

Firefox 158 agrega la opción de configuración javascriptURLs y Sanitizer.setJavascriptURLs() a la API de HTML Sanitizer, que controla si se quitan los atributos que contienen URLs javascript: cuando se usan métodos de inserción de HTML no seguros, como Element.setHTMLUnsafe().

Browser Support

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

Firefox 159 también actualiza los métodos de limpieza seguros, como Element.setHTML(), para quitar los elementos y atributos no deseados durante el análisis, en lugar de después de compilar el árbol del DOM, lo que garantiza que el texto vecino permanezca en un solo nodo de texto.

Se cambió el nombre de flow-tolerance a fit-tolerance en Safari

En Safari 27.2, se cambia el nombre de la propiedad flow-tolerance a fit-tolerance para el diseño de carriles de cuadrícula (display: grid-lanes), y se conserva flow-tolerance como un alias obsoleto.

Browser Support

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

Versiones beta de navegadores

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 el mundo reciba esa versión. Las nuevas versiones beta de este mes son Chrome 157, Chrome 158 y Firefox 160.

La versión beta de Chrome 157 incluye la abreviatura de CSS corner y las subabreviaturas de borde para establecer border-radius y corner-shape juntos, text-decoration-inset, text-overflow: <string>, position-visibility: anchor-valid y anchor-visible. También incluye compatibilidad con la renderización de HTML en lienzo y un atributo displaymode solo de ícono para los elementos de capacidad <camera>, <microphone> y <geolocation>.

La versión beta de Chrome 158 presenta el elemento HTML declarativo <install> y la API de Web Install (navigator.install()) para la instalación de apps web de origen cruzado. Las adiciones de CSS y SVG incluyen el selector de aspectos destacados personalizados universal ::highlight(*), las pseudoclases de estado de elementos multimedia (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), las palabras clave de alineación flow-start y flow-end, y los radios closest-corner y farthest-corner para las formas básicas circle() y ellipse().

La versión beta de Firefox 160 actualiza la API de WebExtensions runtime.PlatformInfo para devolver arch como arm64 en lugar de aarch64 en plataformas ARM64, lo que se alinea con Chrome.