Notas de la versión de la plataforma web de Microsoft Edge 149 (junio de 2026)

A continuación se muestran las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 149, que se publica el 4 de junio de 2026.

Para mantenerse al día y obtener las características más recientes de la plataforma web, descargue un canal en versión preliminar de Microsoft Edge (Beta, Desarrollo o Canary); vaya a Convertirse en microsoft edge insider.

Contenido detallado:

Edge DevTools

Consulte Novedades de Microsoft Edge DevTools.

WebView2

Consulte notas de la versión del SDK de WebView2.

Características de CSS

Las siguientes características nuevas de hojas de estilos en cascada (CSS) se incluyen en Microsoft Edge.

Decoraciones de brechas CSS

Aplicar estilo a los espacios en los diseños de contenedor de Grid y Flexbox, de forma similar a column-rule en el diseño de varias columnas. Use decoraciones de espacios para separar visualmente los elementos sin recurrir a soluciones alternativas, como pseudoelementos o elementos de contenedor adicionales.

Vea también:

Desbordamiento de texto de clip en la interacción del usuario

Cuando un usuario interactúa con texto establecido text-overflow: ellipsis (por ejemplo, durante la edición o la navegación por intercalación), el texto cambia temporalmente de puntos suspensivos a clip (en los que el truncamiento puede producirse en medio de un carácter). Esto permite al usuario ver e interactuar con el contenido de desbordamiento oculto.

Este comportamiento se aplica a todos los elementos editables y no editables. Los controles de formulario (<textarea>, <input>) ya admiten este comportamiento.

Vea también:

image-rendering: crisp-edges

La image-rendering propiedad ahora admite el crisp-edges valor .

Se usa image-rendering: crisp-edges para escalar una imagen de forma que conserve el contraste y los bordes, sin suavizar los colores ni introducir el desenfoque.

Vea también:

path-length Propiedad CSS para elementos SVG

Use la nueva path-length propiedad CSS para establecer el valor del pathLength atributo en los elementos de geometría SVG, incluidos:

  • <path>
  • <circle>
  • <rect>
  • <line>
  • <polyline>
  • <polygon>
  • <ellipse>

La path-length propiedad CSS permite manipular el valor de atributo de un SVG a través de pathLength hojas de estilos, estilos insertados y animaciones.

Las declaraciones CSS invalidan el atributo de presentación SVG siguiendo las reglas de precedencia CSS estándar. El valor inicial es none.

Vea también:

path(), shape(), rect()y xywh() en shape-outside

Ahora puede usar las path()funciones de forma , shape(), rect()y xywh() en la propiedad CSS shape-outside para definir formas de exclusión float.

Vea también:

Se ha quitado border-color: gray de la hoja de estilos del agente de usuario para <table>

La regla errónea border-color: gray se ha quitado de la hoja de estilos del agente de usuario del explorador para el <table> elemento . Los bordes de tabla ahora tienen el valor predeterminado de , currentColorque coincide con la especificación HTML y otros exploradores.

Vea también:

Ámbito del color de énfasis del sistema a las aplicaciones web instaladas

El accent-color: auto valor CSS de los controles de formulario ahora aplica el color de énfasis del sistema operativo solo dentro de los contextos de aplicación web instalados. En las páginas web normales, los controles de formulario usan un color de énfasis predeterminado del explorador en su lugar.

Este cambio alinea el comportamiento de con las AccentColor palabras clave de color del accent-color: auto sistema CSS y AccentColorText , que también tienen como ámbito contextos de aplicación web instalados, para reducir la huella digital.

Vea también:

Límite de la capa superior de pseudo-clases de acción del usuario

Las :hoverpseudo clases , :activey :focus-within ahora coinciden en los elementos primarios solo hasta el primer elemento de capa superior de la cadena de elementos primarios.

Por ejemplo, considere este CÓDIGO HTML:

<main>
  <div popover>
    <button></button>
  </div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>

Cuando el usuario mantiene el puntero sobre el <button> elemento, la :hover pseudoclase coincide con los <button> elementos y <div popover> , pero no coincide con el <main> elemento , porque <div popover> es un elemento de capa superior.

Los elementos de capa superior se representan visualmente fuera de su contexto primario, por lo que no se puede cambiar los estilos primarios cuando se mantiene el puntero sobre un elemento de capa superior o se activa.

Vea también:

API web

Las siguientes nuevas características de API web se incluyen en Microsoft Edge.

Deshabilitación de filtros SVG en iframes y complementos de origen cruzado

Los filtros SVG ya no se aplican a lo siguiente:

  • Iframes de origen cruzado o restringidos (como iframes de espacio aislado).
  • Complementos incrustados (como archivos PDF).

Esto evita que se procesen posibles problemas de seguridad del contenido entre orígenes a través de efectos de filtro SVG.

Vea también:

Variantes de Intl.Locale

El Intl.Locale objeto ahora expone una variants propiedad. Ahora también puede pasar una variants cadena en las opciones del Intl.Locale constructor.

Las variantes de una configuración regional representan preferencias de idioma adicionales que no están cubiertas por los campos de idioma, región y script de un identificador de idioma.

Vea también:

OpaqueRange para el texto del control de formulario

Use OpaqueRange para representar un intervalo dinámico de texto dentro del valor de un control de formulario, como un <textarea> objeto o basado en <input>texto.

OpaqueRange habilita lo siguiente para sugerencias insertadas, resaltados y elementos emergentes delimitados:

  • Operaciones como getBoundingClientRect() y getClientRects().
  • Integración con la API de resaltado personalizado de CSS.

OpaqueRange conserva la encapsulación exponiendo solo los desplazamientos de valor y devuelve null para startContainer y endContainer.

Vea también:

Migración de una PWA a un nuevo origen

Ahora puede migrar sin problemas una aplicación web progresiva (PWA) instalada a un nuevo origen del mismo sitio, conservando la confianza y los permisos del usuario.

Cuando un usuario instala un PWA, su identidad se enlaza a su origen web (por ejemplo, app.example.com). Anteriormente, el cambio del origen obligaba a los usuarios a desinstalar y reinstalar manualmente la aplicación. Esta característica elimina esa interrupción.

Vea también:

Distinguir errores del controlador de pago en una solicitud de pago

Un controlador de pago al que se accede a través de la API de solicitud de pago ahora puede devolver errores distintos para "el usuario cancelado" frente al "error interno de la aplicación de pago".

Use esta distinción para crear mejores flujos para los usuarios. Por ejemplo, cuando se produce un error interno, vuelva a intentarlo o vuelva a un método de pago diferente, mientras detiene correctamente el flujo si el usuario se cancela.

  • Si la promesa que se pasa a PaymentRequestEvent.respondWith se rechaza con , OperationErrorla PaymentRequest.show() promesa recibe un OperationError.
  • Si la promesa que se pasa a PaymentRequestEvent.respondWith se rechaza con un valor distinto OperationErrorde , la PaymentRequest.show() promesa recibe un AbortError (cancelación del usuario).

Vea también:

Reciba una notificación cuando se completen los scrollBy métodos y .scrollTo

Los métodos de desplazamiento mediante programación, como scrollBy y scrollTo, ahora devuelven un Promise objeto que se resuelve cuando se completa el desplazamiento. Use esta promesa para ejecutar código una vez que finalice un desplazamiento suave, sin depender de un temporizador o un sondeo de eventos de desplazamiento.

Vea también:

Request.isReloadNavigation atributo

El isReloadNavigation atributo ya está disponible en la interfaz de Request Fetch API. Este atributo indica si la solicitud de navegación se inició como una recarga desencadenada por el usuario, como cuando el usuario hace clic en el botón Actualizar o cuando se ejecuta el location.reload() método o history.go(0) .

El isReloadNavigation atributo es un booleano de solo lectura.

Use este atributo en el controlador de FetchEvent Service Worker para implementar estrategias de almacenamiento en caché, como omitir la memoria caché o aplicar una estrategia de primera red específicamente durante una recarga.

Vea también:

Campos de tiempo del enrutador de Service Worker en las API de tiempo de tiempo de recursos y navegación

Los workerMatchedRouterSource atributos y workerFinalRouterSource ahora están disponibles en las API control de tiempo de recursos y tiempo de navegación.

  • Use el workerMatchedRouterSource atributo para identificar qué regla de enrutador estático del trabajo de servicio coincidió.

  • Use el workerFinalRouterSource atributo para identificar el origen final que se usó para la solicitud.

Vea también:

autocorrect="off" en el teclado táctil de Windows

El autocorrect atributo ahora funciona correctamente en el teclado táctil de Windows. Anteriormente, el teclado táctil omitía el valor del autocorrect="off" atributo y siempre las palabras autocorrecidas.

Para evitar que el teclado táctil reemplace el texto escrito, establezca el valor del autocorrect="off" atributo en:

  • Elemento <input> .
  • Elemento <textarea> .
  • Cualquier elemento que tenga el contenteditable atributo establecido.

Vea también:

Aplazar las lecturas de datos del Portapapeles hasta que se especifique el tipo MIME

La API del Portapapeles asincrónico ahora aplaza la lectura de datos del Portapapeles desde el sistema operativo hasta que se llama a getType(). Al llamar a navigator.clipboard.read(), el explorador devuelve una matriz de ClipboardItem objetos, cada uno con sus tipos MIME disponibles, pero sin los datos subyacentes. Los datos reales solo se leen cuando se solicita un formato específico.

const items = await navigator.clipboard.read(); // No data is read yet.
const text = await items[0].getType('text/plain'); // Only the 'text/plain' data is read here.

Esto reduce el uso de CPU y mejora la capacidad de respuesta percibida de la llamada API.

Vea también:

Cierre de conexiones webSocket en la entrada de bfcache

Ahora se cierra una conexión webSocket abierta cuando una página entra en la caché de retroceso/reenvío (bfcache), en lugar de impedir que la página se almacene en caché.

Anteriormente, una página que tenía una conexión WebSocket activa no se podía almacenar en bfcache. Con este cambio, más páginas se benefician de la navegación hacia atrás y hacia delante instantáneamente.

Cuando la página entra en bfcache, la página recibe un close evento en cada uno de los afectados WebSocket. Escuche el pageshow evento y vuelva a conectarse cuando event.persisted sea true.

Vea también:

Pruebas de origen

A continuación se muestran las pruebas de origen de las nuevas API experimentales que están disponibles en Microsoft Edge.

Las pruebas de origen le permiten probar las API experimentales en su propio sitio web en directo durante un tiempo limitado. Para más información sobre las pruebas de origen, consulte Uso de las pruebas de origen en Microsoft Edge.

Para obtener la lista completa de las pruebas de origen disponibles, consulte Pruebas de origen de Microsoft Edge.

Nombre Descripción Registrarse
SharedArrayBuffers en páginas no aisladas en plataformas de escritorio Permite usar SharedArrayBuffer objetos en páginas que no están aisladas entre orígenes. Registrarse
Notificaciones de llamada entrantes Permite que los PWA instalados envíen notificaciones de llamada entrantes con un tono de llamada y botones de aceptación y rechazo. Registrarse
API de corrector Corrige los errores de gramática, ortografía y puntuación en el texto mediante un modelo de lenguaje integrado. Consulte también Proofreader API. Registrarse
Prompt API Consultas un modelo de lenguaje integrado desde el código JavaScript de extensión o sitio web. Consulte también Prompt API. Registrarse
Preguntar parámetros de muestreo de API Los topK parámetros de muestreo y temperature permiten optimizar el comportamiento del modelo por sesión de modelo de lenguaje. Registrarse
Descriptores personalizados de WebAssembly Almacena los datos asociados a tipos de nivel de origen de forma más eficaz, en objetos descriptores personalizados. Registrarse
<usermedia> Elemento HTML Elemento HTML controlado por el explorador para solicitar acceso a la cámara o al micrófono, reemplazando las solicitudes de permisos basadas en JavaScript. Registrarse
Heurística de navegación suave Expone heurística de navegación temporal para recopilar métricas de rendimiento en aplicaciones de página única. Registrarse
TextMetrics de lienzo mejorado Expande textmetrics Canvas API con rectángulos de selección, consultas de cuadro delimitador y operaciones de glifo-clúster. Registrarse
WebNN Compile y ejecute modelos de aprendizaje automático acelerados por hardware directamente en la aplicación web. Registrarse
focusgroup Atributo HTML Estandariza la navegación del teclado para widgets compuestos, como barras de herramientas, pestañas, menús y grupos de radio. Registrarse
Url y hashes de eval en script-src de CSP Introduce valores hash url y eval para script-src las directivas CSP, reemplazando las listas de permitidos basadas en nombre de host y unsafe-eval. Registrarse
API de instalación web Permite que un sitio web instale otro sitio web como una aplicación web mediante navigator.install(). Registrarse
<install> Elemento HTML Instale de forma declarativa otros sitios web como aplicaciones web mediante el <install> elemento . Registrarse
HTML en el lienzo Habilita la representación de HTML en el lienzo con nuevos métodos de dibujo y el paint evento . Registrarse
API de credenciales digitales: compatibilidad con la emisión Desencadena la emisión de credenciales de usuario desde un servidor emisor de credenciales a una aplicación de cartera digital. Registrarse
prerender_until_script Acción de api de reglas de especulación Una acción de la API De reglas de especulación que representa previamente una página, pero cambia a captura previa cuando se ejecuta un script. Registrarse
WebAudio Configurable Render Quantum Permite especificar un tamaño cuántico de representación personalizado al crear o AudioContextOfflineAudioContext. Registrarse
Activación previa a la representación por envío de formulario Permite activar reglas de representación previa en la API de reglas de especulación mediante envíos de formularios. Registrarse
API de rendimiento de CPU Expone información sobre las funcionalidades del dispositivo del usuario para su uso con Compute Pressure API. Registrarse
Listas de permitidos de conexión Restringe las conexiones de un documento o trabajo a una lista de puntos de conexión distribuidos por el servidor. Registrarse
Representación previa de iframes entre orígenes Representa previamente los iframes entre orígenes a través de un encabezado de respuesta de participación, en lugar de retrasarlos hasta la activación de la página. Registrarse
Control de tiempo del contenedor Supervisa cuándo se muestra un contenedor DOM anotado y ha terminado su pintura inicial. Registrarse
Duraciones de diseño y estilo independientes en Long Animation Frame API Agrega styleDurationpropiedades , forcedStyleDuration, layoutDurationy forcedLayoutDuration para un análisis más profundo del rendimiento de CSS. Registrarse
Scripts de módulo CSS declarativos Comparte hojas de estilos declarativas con raíces de sombra, incluidas las raíces de sombra declarativas, mediante módulos de estilo insertado. Registrarse
Evento De autorrellenar Detecta cuándo el autorrellenamiento del explorador actualiza los controles de formulario para adaptar la interfaz de usuario personalizada y la validación. Registrarse

Nota:

Las partes de esta página son modificaciones basadas en el trabajo creado y compartido por Chromium.org y usadas de acuerdo con los términos descritos en la Licencia internacional creative Commons Attribution 4.0.

  • Last updated on