Notas de la versión de la plataforma web Microsoft Edge 152 (agosto de 2026)

Las siguientes son las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 152, que se lanzará el 27 de agosto 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 las 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.

Función CSS alpha()

La función CSS alpha() crea un nuevo color aplicando un valor alfa especificado a un color existente.

Por ejemplo, alpha(from red / 0.5) crea un color rojo semitransparente con un 50% de opacidad.

Vea también:

Propiedad CSS window-drag

Cuando se usa en una aplicación web progresiva (PWA) instalada, la window-drag propiedad CSS define regiones de la interfaz de usuario de la aplicación web que se comportan como áreas de barra de título de ventana arrastrables.

Cuando se aplica a un elemento, una interacción de puntero de clic y arrastrar mueve la ventana de la aplicación de nivel superior.

Esto es útil para las PWA instaladas en sistemas operativos de escritorio y las aplicaciones que usan la característica de superposición de controles de ventana para implementar barras de título personalizadas y áreas arrastrables cuando la barra de título proporcionada por el explorador está oculta.

La window-drag propiedad estandariza y cambia el nombre de la propiedad existente app-region .

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

Vea también:

Características de HTML

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

<camera> y <microphone> elementos

Los <camera> elementos y <microphone> HTML son botones proporcionados por el explorador que, tras la activación, activan las secuencias de cámara o micrófono. Si es necesario, el botón solicita al usuario que elija si desea conceder a la página acceso a la cámara y al micrófono.

Los <camera> elementos and <microphone> comparten el mismo mecanismo subyacente que el <usermedia> elemento, con una distinción clave: están diseñados para solicitar una capacidad única:

  • El <camera> elemento solicita específicamente la captura de video.
  • El <microphone> elemento solicita específicamente la captura de audio.

Al igual que el <usermedia> elemento, los <camera> elementos and <microphone> insertan una interfaz de usuario controlada por el explorador y con un estilo estricto en la página. Esto garantiza que haya una señal de usuario fuerte e intencionada, antes de que se active una solicitud de permiso o se inicie una transmisión.

Vea también:

  • <usermedia> enlas notas de la versión de la plataforma web Microsoft Edge 151 (julio de 2026).

Destino de referencia

La referenceTarget propiedad de un ShadowRoot objeto reenvía atributos como for, , aria-labelledbypopovertarget, y commandfor a elementos dentro de un shadow DOM. Por ejemplo, puede usarlo para vincular a a <label> su <input>, incluso si está <input> en el DOM a la sombra de un componente web.

Cuando un host de sombra especifica un elemento en su árbol de sombra para que actúe como su destino de referencia, todas las referencias de identificador que apuntan al host de sombra se reenvían al elemento de destino de referencia.

También se puede establecer un destino de referencia en HTML, mediante el shadowrootreferencetarget atributo, como en el ejemplo siguiente:

<label for="my-checkbox">Checkbox value</label>
<custom-checkbox id="my-checkbox">
  <template shadowrootmode="open" shadowrootreferencetarget="real-checkbox">
    <input id="real-checkbox" type="checkbox">
  </template>
</custom-checkbox>

Vea también:

autocorrect Atributo HTML global

El autocorrect atributo HTML global controla si se corrigen automáticamente los errores ortográficos o de puntuación para la entrada del usuario en <input> los elementos y <textarea> en los elementos con el contenteditable atributo.

Vea también:

API web

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

Desuso planificado del evento de descarga

Edge 152 presentará la nueva unload directiva de permisos para permitir la creación de agentes de escucha de eventos de descarga. El valor predeterminado es inicialmente allow, pero entre Edge 152 y Edge 155, el valor predeterminado se migrará gradualmente a , de denymodo que los controladores de descarga dejarán de activarse en las páginas, a menos que una página opte explícitamente por volver a habilitarlos. Para habilitar explícitamente los controladores de eventos de descarga, use el allow valor.

  • Edge 152: Los controladores de descarga dejarán de activarse de forma predeterminada para el 60 % de las cargas de página, a menos que el sitio habilite explícitamente los controladores de descarga a través de la unload directiva de permisos.
  • Edge 154: aumenta hasta el 80 % de las cargas de página.
  • Edge 155: aumenta hasta el 100 % de las cargas de página.

Este cambio se produce en el proyecto de Chromium, en el que se basa Microsoft Edge.

El evento de descarga no es una forma confiable de hacer lo siguiente, ya que los exploradores y los sistemas operativos pueden suspender o finalizar páginas sin activar el evento de descarga:

  • Guardar datos.
  • Realizar la limpieza.
  • Informe del final de una sesión.

El uso del evento de descarga también puede impedir que las páginas usen la caché de retroceso o reenvío, lo que puede hacer que la navegación hacia atrás y hacia adelante sea más lenta.

Debe migrar los eventos del ciclo de vida y las API diseñadas para los escenarios anteriores. La dirección a largo plazo de la plataforma web es quitar la compatibilidad con el evento de descarga.

Vea también:

encryptionScheme atributo de navigator.mediaCapabilities.decodingInfo()

Además de los contentType atributos androbustness, ahora puede usar el encryptionScheme atributo al consultar las funcionalidades multimedia mediante .navigator.mediaCapabilities.decodingInfo()

Esto le permite determinar si se admite una combinación específica de códec, robustez y esquema de cifrado en el dispositivo del usuario y, por lo tanto, detectar si se reproducirán los medios cifrados.

Vea también:

API de rendimiento de CPU

La API de rendimiento de CPU permite determinar el rendimiento de la CPU del dispositivo del usuario. Puede usar esta información para proporcionar una experiencia de usuario mejorada, posiblemente en combinación con la API de Compute Pressure.

La API Compute Pressure proporciona información sobre la presión o utilización de la CPU del dispositivo del usuario y permite que las aplicaciones reaccionen a los cambios en la presión de la CPU.

Vea también:

Compatibilidad de CSSPseudoElement con ::backdrop::scroll-marker, y::view-transitions

La CSSPseudoElement interfaz representa un pseudoelemento CSS y se puede obtener llamando a Element.pseudo() or CSSPseudoElement.pseudo().

La CSSPseudoElement interfaz ahora admite , ::backdrop::scroll-marker, y ::view-transitions pseudoelementos, además de , ::after::before, y ::marker pseudoelementos.

El uso de la CSSPseudoElement interfaz con estos nuevos pseudoelementos permite hacer lo siguiente:

  • ::backdrop: útil para cerrar un cuadro de diálogo cuando se hace clic en el fondo, sin interferir con los clics dentro del contenido del cuadro de diálogo. Esto elimina la necesidad de una lógica de intersección compleja para determinar dónde se produjo el clic.

  • ::scroll-marker: útil para recopilar estadísticas de clics.

  • ::view-transitions: permite interceptar una transición de vista en pleno vuelo para iniciar una nueva transición de vista, utilizando las coordenadas del elemento que se está animando para evitar saltos visuales repentinos.

Vea también:

Listas de permitidos de conexión

Las listas de permitidos de conexión le permiten declarar y aplicar listas de permitidos explícitas para los puntos de conexión de red a los que se puede acceder mediante API de red, como la API Fetch. Esto mejora el control de la red saliente y reduce el riesgo de conexiones no deseadas.

La lista de puntos de conexión autorizados se distribuye desde el servidor a través del Connection-Allowlist encabezado de respuesta HTTP. Antes de conectarse a un servidor, el explorador evalúa el destino en función de esta lista de permitidos. Se permiten las conexiones a puntos de conexión comprobados, pero se bloquean los destinos que no coinciden con las entradas de la lista de permitidos.

Vea también:

OpaqueRange para texto de control de formulario

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

OpaqueRange Permite hacer lo siguiente con intervalos de texto:

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

Esto permite escenarios como sugerencias en línea, resaltados y elementos emergentes anclados.

OpaqueRange conserva la encapsulación exponiendo solo los desplazamientos de valor y devuelve nullstartContainer for and endContainer.

Vea también:

WebGPU: control de tamaño de subgrupo

La característica de GPU subgroup-size-control le permite establecer explícitamente el tamaño del subgrupo en un sombreador de proceso.

Esto es útil cuando necesita optimizar el rendimiento de un sombreador de proceso en determinadas plataformas, como para cargas de trabajo de IA.

Vea también:

audioSelection:preferred Opción de getDisplayMedia()

El getDisplayMedia() método ahora admite la audioSelection:preferred opción.

Esta opción le permite indicar al explorador que prefiere compartir audio junto con vídeo.

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
Heurística de navegación suave Expone la heurística de navegación suave para recopilar métricas de rendimiento en aplicaciones de una sola página. Registrarse
Hashes de URL y evaluación en CSP script-src Introduce hashes de url y evaluación para script-src las directivas CSP, reemplazando las listas de permitidos basadas en nombres de host y .unsafe-eval Registrarse
<install> elemento HTML Instalar otros sitios web de forma declarativa como aplicaciones web mediante el <install> elemento. Registrarse
focus-without-user-activation Directiva de permisos Proporciona a un integrador control sobre el foco de programación del contenido insertado a través de la focus-without-user-activation directiva de permisos. Cuando se deniega la directiva para un marco, las llamadas de foco mediante programación (element.focus(), autofocus, window.focus()dialog.showModal(), y foco emergente) se bloquean a menos que se desencadenen mediante la activación del usuario o se delegue el foco. Registrarse
Texto de lienzo mejorado Expande la API TextMetrics Canvas, añadiendo rectángulos de selección, consultas de cuadro delimitador y operaciones de clúster de glifos. Registrarse
WebAudio Configurable Render Quantum Permite especificar un tamaño cuántico de representación personalizado al crear un o OfflineAudioContext.AudioContext Registrarse
Sincronización de contenedores Supervisa cuándo se muestra un contenedor DOM anotado y ha terminado su pintura inicial. Registrarse
Separe las duraciones de estilo y diseño en la API de fotogramas largos de animación Agrega styleDuration, forcedStyleDuration, layoutDuration, y propiedades, para forcedLayoutDuration un análisis más profundo del rendimiento de CSS. 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
Scripts del módulo CSS declarativo Comparte hojas de estilo declarativas con raíces de sombra, incluidas las raíces de sombra declarativas, mediante módulos de estilo en línea. Registrarse
API de credenciales digitales: soporte de emisión Desencadena la emisión de credenciales de usuario desde un servidor emisor de credenciales a una aplicación de billetera digital. Registrarse
prerender_until_script Acción de API de reglas de especulación Acción de la API de reglas de especulación que preprocesa una página, pero cambia a precarga cuando se ejecuta un script. Registrarse
HTML en el lienzo Permite representar HTML en un lienzo mediante nuevos métodos de dibujo y el paint evento. 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
WebMCP Permite que el sitio registre herramientas para que un agente en el explorador complete tareas en nombre de un usuario. 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
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
Representación previa de iframes de origen cruzado Prerepresenta iframes de origen cruzado a través de un encabezado de respuesta de participación, en lugar de retrasarlos hasta la activación de la página. 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
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
Algoritmos WebCrypto adicionales Permite el uso de algoritmos WebCrypto adicionales, incluidos algunos algoritmos PQ. Algoritmos habilitados: ChaCha20-Poly1305, ML-DSA-44, ML-DSA-65, ML-DSA-87, ML-KEM-768, ML-KEM-1024, MLKEM768-X25519. Registrarse
Canal de datos WebRTC: Protocolo de aceleración de negociaciones SCTP (SNAP) SNAP reduce la latencia de inicio del canal de datos WebRTC mediante la incorporación de parámetros de configuración de conexión SCTP en el intercambio de oferta/respuesta SDP. Debido a que WebRTC ya usa DTLS para establecer un canal seguro, se puede evitar el protocolo de enlace SCTP separado, ahorrando hasta dos viajes de ida y vuelta de la red y permitiendo un establecimiento más rápido del canal de datos. 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.

  • Last updated on