Notas de la versión de la plataforma web Microsoft Edge 158 (19 de noviembre de 2026)

Las siguientes son las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 158, que se lanzará el 19 de noviembre de 2026.

Para mantenerse al día y obtener las características más recientes de la plataforma web, descargue un canal de versión preliminar de Microsoft Edge (beta, desarrollador o canary); vaya a Conviértase en un participante de Microsoft Edge Insider.

Contenido detallado:

Microsoft Edge DevTools

Vea las novedades de Microsoft Edge DevTools.

WebView2

Vea:

Características de CSS

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

flow-start y flow-end palabras clave de alineación

Las flow-start palabras clave and flow-end ahora son aceptadas por las propiedades de alineación CSS, como alias de las palabras clave y flex-end existentesflex-start.

Estas palabras clave se refieren a los bordes de un contenedor en los que comienza y termina la ubicación del contenido. Esto es útil cuando se invierte la colocación, como en los diseños de carriles de cuadrícula CSS que usan fill-reverse o track-reverse. Porque las palabras clave son alias, flex-start y flex-end ahora siguen las direcciones lógicas de inicio y fin en cualquier modo de diseño donde sean diferentes de las direcciones físicas, y no solo en flexbox.

Vea también:

::highlight(*) selector universal

El ::highlight(*) selector de pseudoelementos CSS coincide con los pseudoelementos de resaltado de todos los resaltados personalizados, independientemente de sus nombres.

El * argumento agrega especificidad cero. Esto significa que los estilos que declara mediante el uso ::highlight(*) actúan como un estilo base, cuyas reglas nombran un resaltado específico pueden invalidarse.

Por ejemplo, para aplicar un estilo a todos los resaltados personalizados con un fondo amarillo y, a continuación, anular el estilo de un resaltado denominado error:

::highlight(*) {
  background-color: yellow;
}

::highlight(error) {
  background-color: pink;
}

Vea también:

Pseudoclases de elementos multimedia

Las siguientes pseudoclases CSS coinciden <audio> y <video> se basan en su estado:

  • :playing
  • :paused
  • :seeking
  • :buffering
  • :stalled
  • :muted
  • :volume-locked

Use las pseudoclases CSS anteriores para aplicar estilo a los elementos multimedia o a la interfaz de usuario que los rodea, sin necesidad de JavaScript para realizar un seguimiento del estado. Por ejemplo, para atenuar un vídeo mientras está en búfer:

video:buffering {
  opacity: 0.5;
}

Vea también:

closest-corner and farthest-corner radii for circle() and ellipse()

Las circle() funciones de forma básica y ellipse() CSS ahora aceptan las closest-corner palabras clave y farthest-corner radius, además de las palabras clave y farthest-side existentesclosest-side.

  • La closest-corner palabra clave radius se resuelve como la distancia desde el centro de la forma hasta la esquina más cercana del cuadro de referencia.
  • La farthest-corner palabra clave radius se resuelve como la distancia desde el centro de la forma hasta la esquina más alejada del cuadro de referencia.

Esto coincide con el comportamiento de las mismas palabras clave en la radial-gradient() función. Puedes usar estas palabras clave en , clip-pathshape-outside, y propiedadesoffset-path.

Por ejemplo, para recortar un elemento en un círculo que llega a la esquina más alejada del elemento:

.badge {
  clip-path: circle(farthest-corner at 25% 25%);
}

Vea también:

object-fit y object-position para documentos SVG en <object> y <embed>

Las object-fit propiedades y object-position CSS ahora se aplican a los documentos de Scalable Vector Graphics (SVG) que se cargan mediante un <object> elemento o <embed> . El documento SVG se dimensiona y se coloca dentro del cuadro de contenido del elemento, de la misma manera que el contenido de un <img> elemento.

Anteriormente, Microsoft Edge omitía las propiedades y object-position CSS para los object-fit documentos SVG incrustados y siempre extendía la ventana gráfica del documento para rellenar todo el cuadro de contenido.

Vea también:

Características de HTML

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

<install> elemento

El <install> elemento HTML es un control representado por el explorador que permite a los usuarios instalar una aplicación web, sin tener que escribir JavaScript. Dado que el explorador representa el <install> control, el explorador recibe una señal más fuerte de la intención del usuario que cuando controla beforeinstallprompt eventos.

De forma predeterminada, el elemento instala la aplicación web asociada al documento actual. Para ofrecer la instalación de otra aplicación web, como en un catálogo de aplicaciones, use el manifest atributo para especificar la dirección URL del manifiesto de la aplicación web y, opcionalmente, el manifestid atributo para especificar el identificador del manifiesto. El contenido del elemento es contenido de reserva:

<install
  manifest="https://music.example/manifest.webmanifest"
  manifestid="https://music.example/app">
  <a href="https://music.example/">Open Music Example</a>
</install>

El <install> elemento es la contraparte declarativa del navigator.install() método. Consulte API de instalación web a continuación.

Los administradores pueden controlar esta característica de dos maneras:

  • La directiva WebAppInstallByUserEnabled puede deshabilitar la instalación de aplicaciones web por parte de los usuarios, incluidas las instalaciones iniciadas por el <install> elemento y el navigator.install() método.
  • La web-app-installation directiva de permisos puede permitir o denegar el uso de esta característica en orígenes controlados por el administrador, como sitios internos e iframes.

Vea también:

Características de SVG

Las siguientes características nuevas de Scalable Vector Graphics (SVG) se incluyen en Microsoft Edge.

side para SVG <textPath>

El side atributo del elemento SVG <textPath> le permite elegir de qué lado de una ruta sigue el texto. La configuración side="right" invierte la dirección de la ruta de acceso para el diseño de texto. Esto facilita la colocación de texto dentro o fuera de una ruta circular, sin necesidad de duplicar ni invertir manualmente los datos de la ruta.

Por ejemplo:

<svg viewBox="0 0 200 200">
  <path id="circle" d="M 100,100 m -75,0 a 75,75 0 1,1 150,0 a 75,75 0 1,1 -150,0" fill="none" />
  <text>
    <textPath href="#circle" side="right">Text on the other side of the path</textPath>
  </text>
</svg>

Vea también:

API web

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

API de instalación web

La API de instalación web permite que un sitio web solicite al usuario que instale una aplicación web.

El navigator.install() método instala:

  • La aplicación web asociada al documento actual.
  • Una aplicación web que no está asociada al documento actual, mediante el paso de una dirección URL de manifiesto y un identificador de manifiesto opcional.

Esto permite la instalación de aplicaciones web entre orígenes y ofrece una mejor experiencia para desarrolladores que el control de beforeinstallprompt eventos.

Por ejemplo, un catálogo de aplicaciones puede ofrecer la instalación de una aplicación web que se identifique por su dirección URL de manifiesto:

await navigator.install({
  manifest: "https://music.example/manifest.webmanifest",
  manifestId: "https://music.example/app"
});

El usuario siempre debe confirmar la instalación.

El navigator.install() método es la contraparte imperativa del <install> elemento. Ver <install> elemento, arriba.

Los administradores pueden controlar esta característica de dos maneras:

  • La directiva WebAppInstallByUserEnabled puede deshabilitar la instalación de aplicaciones web por parte de los usuarios, incluidas las instalaciones iniciadas por el navigator.install() método y el <install> elemento.
  • La web-app-installation directiva de permisos puede permitir o denegar el uso de esta característica en orígenes controlados por el administrador, como sitios internos e iframes.

Vea también:

Directiva de permisos: focus-without-user-activation

La focus-without-user-activation directiva de permisos le permite controlar los cambios del foco de programación que realiza una página web insertada en un iframe en su sitio.

Cuando se deniega la focus-without-user-activation directiva de permisos para el marco que inicia el cambio de foco, se bloquean los siguientes cambios de foco mediante programación, a menos que ese marco tenga una activación de usuario transitoria o el foco ya esté dentro de su subárbol:

  • Llamadas a element.focus() y window.focus().
  • El autofocus atributo.
  • Los pasos de enfoque para diálogos y ventanas emergentes.

Esto no impide que se abran cuadros de diálogo ni elementos emergentes. Los cambios de enfoque iniciados por el usuario, como hacer clic o tabular, nunca se ven afectados. La restricción existente en autofocus los iframes de origen cruzado no ha cambiado. La focus-without-user-activation directiva de permisos puede restringir autofocusaún más , pero permitir esta directiva no se habilita autofocus en un marco entre orígenes.

Establezca la directiva de focus-without-user-activation permisos mediante:

  • El encabezado de Permissions-Policy respuesta HTTP.
  • El allow atributo de un <iframe> elemento. Un marco primario que tiene foco aún puede pasar el foco a un iframe secundario, incluso cuando el marco secundario deniega la directiva. Después de que un fotograma tenga el foco, el fotograma puede mover el foco dentro de su propio subárbol.

Por ejemplo, para evitar que un iframe obtenga el foco mediante programación por sí mismo:

<iframe src="https://example.com/widget" allow="focus-without-user-activation 'none'"></iframe>

Vea también:

WebAudio: representación incremental para OfflineAudioContext

La OfflineAudioContext interfaz ahora admite la representación incremental. En lugar de asignar todo el búfer de audio antes de que comience la renderización, la OfflineAudioContext interfaz procesa y entrega el gráfico de audio en fragmentos. Esto reduce los requisitos de memoria al procesar grandes cantidades de datos de audio, sobre todo en dispositivos con memoria limitada.

Vea también:

WebTransport: atributos de fiabilidad

La reliability propiedad y la propiedad estática supportsReliableOnly ahora están disponibles en WebTransport. Estas propiedades indican qué tipos de conexiones son compatibles.

  • La propiedad WebTransport.supportsReliableOnly estática indica si el explorador admite WebTransport exclusivamente conexiones confiables. En Microsoft Edge, esta propiedad devuelve false, porque una sesión que se establece correctamente usa HTTP/3 y admite datagramas poco confiables.
  • La reliability propiedad de una instancia específica WebTransport indica si la sesión establecida admite transportes no confiables, como datagramas. Esta propiedad devuelve "pending"inicialmente , y cambia a devolución "supports-unreliable" después de establecer una conexión HTTP/3 WebTransport.

Vea también:

WebTransport: Flujos entrantes simultáneos anticipados

Ahora puede indicar a WebTransport cuántas secuencias entrantes espera tener abiertas a la vez, mediante sugerencias en el WebTransport() constructor. El explorador usa estas sugerencias para configurar la asignación de flujo QUIC inicial. Esto reduce el riesgo de que un servidor que necesita una simultaneidad de flujo alta sea bloqueado por el límite de flujo inicial.

Vea también:

WebTransport: Drenaje

La draining propiedad de es una promesa que se resuelve cuando el servidor indica que la sesión de WebTransport WebTransport se retirará correctamente. Use esta señal para establecer una sesión de reemplazo mientras las secuencias existentes y la sesión actual siguen siendo utilizables.

Por ejemplo:

transport.draining.then(() => {
  // Start a new session, and migrate your streams to it.
});

Vea también:

Pruebas de origen

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

Las pruebas de Origin le permiten probar API experimentales en su propio sitio web en vivo durante un tiempo limitado. Para obtener más información sobre las pruebas de origen, consulta Usar pruebas de origen en Microsoft Edge.

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

Nombre Descripción Registrarse
Evento de entrada sin procesar del controlador para juegos En lugar de depender de sondeos frecuentes a través navigator.getGamepads()de , las páginas web pueden escuchar gamepadrawinputchanged eventos. Estos eventos se desencadenan cada vez que se detectan cambios entre los marcos de entrada del mismo dispositivo. Registrarse
Controlar la heurística de la ventanilla en la API de reglas de especulación Le permite controlar la heurística de la ventana gráfica que usan las reglas de especulación para determinar si diferentes parámetros heurísticos le proporcionan mejores resultados que los predeterminados. Registrarse
API de reemplazo de imagen del agente de usuario Le permite observar cuándo las características del explorador reemplazan imágenes en el contenido de la página. Actualmente, estas características del explorador están limitadas a sitios seleccionados. Registrarse
Evento de autorrellenar Detecta cuando el autorrelleno del explorador actualiza los controles del formulario, para adaptar la interfaz de usuario personalizada y la validación. Registrarse
Medición de carga especulativa performance.speculations Expone datos sobre precargas, capturas previas y representaciones previas usadas y no utilizadas. Esto le ayuda a medir la efectividad de las estrategias de carga especulativa y optimizar las compensaciones entre rendimiento y costo. Registrarse
Parámetros de muestreo de la API de solicitud Los topK parámetros y temperature de muestreo permiten optimizar el comportamiento del modelo por sesión de modelo de lenguaje. Registrarse
API de credenciales digitales: soporte de emisión Permite que un sitio desencadene la emisión de una credencial, como una licencia de conducir o un título académico, desde un servidor emisor a la aplicación de billetera digital del usuario. Registrarse
PrefetchAndPrerenderActivationBeacon Permite a Microsoft Edge notificar de forma fiable una baliza de activación cuando se activa una página de precaptura o prerepresentación. Registrarse
prerender_until_script Acción de API de reglas de especulación Prerepresenta una página, pero cambia a precaptura cuando se ejecuta un script. Registrarse
Marcadores Self-Profiling JS Extiende la API de JS Self-Profiling mediante la adición de marcadores de ejemplo como script, , , stylelayout, y paintgc. Estos marcadores identifican la actividad que el navegador estaba realizando en el momento de la captura. Registrarse
Protocolo de verificación de Email Permite que los sitios web comprueben la propiedad del correo electrónico mediante tokens criptográficos emitidos por los proveedores de correo electrónico. Esto reduce la dependencia de los códigos de acceso de un solo uso (OTP) del correo electrónico y simplifica los flujos de registro, inicio de sesión y recuperación. Registrarse
Descriptores personalizados de WebAssembly V2 Almacena los datos asociados a tipos de nivel de origen de forma más eficaz en objetos descriptores personalizados. Registrarse
API de observador de rendimiento declarativo Usa encabezados de respuesta HTTP para demostrar que es un sistema de telemetría confiable administrado por el explorador que notifica las métricas de rendimiento del sitio, desde el inicio de la navegación hasta la finalización de la página. Registrarse
WebMCP Permite que el sitio registre herramientas para que un agente en el explorador complete tareas en nombre de un usuario. Registrarse
API de registro de diagnóstico de WebRTC Permite que la aplicación web inicie, finalice y cancele la recopilación de registros de diagnóstico internos para las operaciones de WebRTC. Registrarse
Aplicación de la lista de permitidos de conexión integrada Permite utilizar el connectionallowlist atributo en un <iframe> elemento para requerir que el documento incrustado restrinja sus conexiones de red salientes a una lista de permitidos declarada. Si el documento incrustado no entrega un encabezado coincidente Connection-Allowlist , su respuesta se bloquea. Registrarse

Nota:

Algunas partes de esta página son modificaciones que se basan en trabajo creado y compartido por Chromium.org y que se usan de acuerdo con los términos descritos en la Licencia internacional de Creative Commons Atribution 4.0.

  • Última actualización el