Notas de la versión de la plataforma web Microsoft Edge 157 (5 de noviembre de 2026)

Estas son las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 157, que se lanzará el 5 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 las notas de la versión de WebView2.

Características de CSS

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

corner Propiedades abreviadas

La nueva corner propiedad abreviada CSS establece tanto el radio como la forma de las esquinas de un elemento en una sola declaración, combinando las border-radius propiedades and corner-shape .

Por ejemplo:

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

Las siguientes propiedades abreviadas adicionales le permiten establecer el radio y la forma de esquinas específicas:

  • Abreviaturas por esquina: corner-top-left, corner-top-right, corner-bottom-left, y corner-bottom-right.
  • Abreviaturas del borde físico, como corner-top y corner-bottom, que establecen las dos esquinas de un borde.
  • Abreviaturas de aristas lógicas, como corner-block-start y corner-block-end, que establecen las dos esquinas de un borde, según el modo de escritura.

Vea también:

text-decoration-inset propiedad

La text-decoration-inset propiedad CSS controla hasta qué punto los subrayados, los subrayados y las decoraciones de línea se insertan o se extienden más allá de los bordes inicial y final del texto de un elemento.

text-decoration-inset Admite los siguientes tipos de valores:

  • auto, que permite al explorador determinar el inserto apropiado en función del texto del elemento y el contexto circundante.
  • Un valor de longitud, como 20px.
  • Un valor de porcentaje, como 10%.
  • Uno o dos valores. El primer valor establece el desplazamiento inicial. El segundo valor, si se especifica, establece el desplazamiento final.

Esto le permite ajustar el espaciado de la decoración y crear efectos de revelación con decoraciones de texto nativas, en lugar de usar degradados de fondo o elementos adicionales.

Vea también:

Valor de cadena personalizado para text-overflow

La text-overflow propiedad CSS ahora acepta un valor de cadena para especificar el texto personalizado que se muestra cuando el contenido de un elemento se desborda y se recorta.

Anteriormente, solo podía usar los valores o clipellipsis . Una cadena personalizada le permite crear indicadores de desbordamiento que se adapten mejor a su contenido, por ejemplo:

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

Vea también:

position-visibility: anchor-valid y anchor-visible

Cuando se usa el posicionamiento de delimitador CSS, la position-visibility propiedad CSS controla si se oculta un elemento de posición de delimitador. La position-visibility propiedad ahora admite los siguientes valores:

  • anchor-valid (nuevo) - El elemento posicionado por anclaje solo se muestra si existe su elemento de anclaje predeterminado y, por lo tanto, el elemento se puede colocar en relación con él.

  • anchor-visible - El elemento de anclaje posicionado solo se muestra si su elemento de anclaje predeterminado es al menos parcialmente visible. Este valor reemplaza al anchors-visible valor.

El valor plural anchors-visible ahora está en desuso y es un alias de anchor-visible. Úselo anchor-visible en su lugar.

Vea también:

Características de HTML

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

Modo de solo icono para los <camera>elementos , <microphone>, y <geolocation>

Los <camera>elementos , <microphone>, y <geolocation> HTML ahora admiten el displaymode atributo, que puede usar para representar estos elementos como botones compactos, solo de icono, sin texto. Por ejemplo:

<camera displaymode="icon-only"></camera>

Los botones de solo icono son útiles en diseños con limitaciones de espacio, como controles de mapa o barras de herramientas de vídeo flotantes. En el modo de solo icono, los elementos mantienen las mismas garantías de seguridad y permanecen totalmente accesibles para los lectores de pantalla.

Vea también:

API web

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

Métodos actualizados de inserción y streaming de HTML

Los siguientes métodos de inserción y streaming de HTML proporcionan una forma más coherente de insertar HTML de forma dinámica en un documento existente:

  • Métodos posicionales, que toman HTML como argumento y reemplazan efectivamente :insertAdjacentHTML()
    • beforeHTML() y beforeHTMLUnsafe()
    • afterHTML() y afterHTMLUnsafe()
    • appendHTML() y appendHTMLUnsafe()
    • prependHTML() y prependHTMLUnsafe()
    • replaceWithHTML() y replaceWithHTMLUnsafe()
  • Métodos de streaming, que devuelven un WritableStream objeto que analiza el texto HTML que se escribe en él:
    • streamHTML() y streamHTMLUnsafe()
    • streamAppendHTML() y streamAppendHTMLUnsafe()
    • streamPrependHTML() y streamPrependHTMLUnsafe()
    • streamReplaceWithHTML() y streamReplaceWithHTMLUnsafe()
    • streamBeforeHTML() y streamBeforeHTMLUnsafe()
    • streamAfterHTML() y streamAfterHTMLUnsafe()

Además, puede establecer la runScripts opción para al true llamar a cualquiera de los métodos de inserción o streaming de HTML no seguros, para permitir que el método ejecute scripts de forma similar a createContextualFragment().

Los tipos de confianza también pueden invalidar el modo de scripting y el desinfectante que usan estos métodos.

Antes de estos métodos, ya se podía actualizar HTML dinámicamente a partir de un script mediante el uso de varias API inconexas, cada una con sus propias diferencias sutiles. Por ejemplo, puede:

  • Actualizar parcialmente un elemento mediante .insertAdjacentHTML()
  • Sanitize HTML by using setHTML().
  • Ejecute scripts mediante createContextualFragment().
  • Stream HTML mediante un documento desasociado.

Estas API múltiples e inconexas pueden resultar confusas y difíciles de usar. Estas API también pueden causar problemas de seguridad cuando no se usan bien.

Vea también:

API de desinfectante: javascriptURLs opción

La API de Sanitizer ahora proporciona la javascriptURLs opción de configuración y el setJavascriptURLs() método para controlar si javascript: las direcciones URL que se usan para la navegación, como en el href atributo de un <a> elemento, se quitan al desinfectar HTML.

Anteriormente, la eliminación javascript: de direcciones URL dependía del método que se usara:

  • Los métodos seguros, como setHTML(), siempre quitaban javascript: las direcciones URL.
  • Los métodos no seguros, como setHTMLUnsafe(), nunca quitan javascript: las direcciones URL.

Ahora, quitar javascript: direcciones URL es una parte explícita de la configuración del desinfectante, que puede usar con cualquier método.

Si no usa la nueva opción, el comportamiento no cambia.

Vea también:

HTML en lienzo

La API HTML en lienzo le permite dibujar elementos HTML en un <canvas> elemento, de modo que pueda usar el lienzo para personalizar cómo se representa el contenido HTML, a la vez que mantiene el contenido accesible, interactivo y correctamente diseñado.

Por ejemplo, puede usar HTML en lienzo para representar lo siguiente:

  • Texto con estilo en gráficos.
  • Contenido enriquecido en herramientas creativas.
  • Menús del juego.
  • Contenido HTML en superficies dentro de una escena 3D.

HTML en lienzo proporciona los siguientes primitivos:

  • Atributos para optar por los descendientes de un <canvas> elemento en diseño y dibujo.
  • Métodos para dibujar elementos en el lienzo: drawElementImage() para contextos de lienzo 2D y métodos equivalentes para WebGL y WebGPU.
  • Un paint evento que se desencadena cuando los elementos dibujados deben actualizarse en el lienzo.
  • Métodos para sincronizar la geometría de los elementos dibujados con el DOM, para pruebas de aciertos y accesibilidad.

Vea también:

API de fotogramas de animación largos: duraciones de estilo y diseño

La API de fotogramas largos de animación ahora notifica cuánto tiempo se ha invertido en los cálculos de estilo y diseño, para que pueda distinguir el tiempo de estilo del tiempo de diseño al analizar fotogramas lentos:

  • PerformanceLongAnimationFrameTiming Los objetos tienen las propiedades New styleDuration And layoutDuration , que informan del tiempo dedicado a recalcular los estilos y actualizar el diseño, como parte de la actualización de representación.
  • PerformanceScriptTimingLos objetos tienen las propiedades AND forcedLayoutDuration nuevasforcedStyleDuration, que informan del tiempo invertido en cálculos de estilo y diseño forzados sincrónicamente por scripts.

Vea también:

Aplicación de CORS para la API de recuperación en segundo plano

La API de recuperación en segundo plano ahora aplica el uso compartido de recursos entre orígenes (CORS).

Esto garantiza que las solicitudes de recuperación en segundo plano estén sujetas a las mismas directivas de seguridad, como las comprobaciones de acceso a la red local. Esto evita que los sitios omitan CORS (y otras comprobaciones de directivas de seguridad) mediante la captura en segundo plano en lugar de la recuperación normal.

Vea también:

ProgressEvent en los trabajos de servicio

La ProgressEvent interfaz ahora está disponible en los trabajos de servicio. Puede usar el constructor en un trabajo de ProgressEvent() servicio para crear eventos de progreso con las lengthComputablepropiedades , loaded, y total .

Esto alinea los trabajos de servicio con otros contextos de trabajo y con el estándar XMLHttpRequest.

Vea también:

Web Bluetooth: BluetoothRemoteGATTServer es una EventTarget

La BluetoothRemoteGATTServer interfaz ahora hereda de EventTarget, y por lo tanto expone el addEventListener(), removeEventListener()y dispatchEvent() los métodos.

Esto permite que los eventos de nivel de conexión se distribuyan directamente en el objeto de servidor GATT.

Vea también:

WebGPU: atomic-vec2u-min-max característica

La atomic-vec2u-min-max característica WebGPU permite utilizar operaciones atómicas mínimas y máximas de 64 bits en atomic<vec2u> valores, en shaders de Lenguaje de sombreado WebGPU (WGSL).

Esto le permite implementar algoritmos que requieren valores atómicos de 64 bits sin necesidad de compatibilidad completa con enteros de 64 bits.

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
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
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
PrefetchAndPrerenderActivationBeacon Permite que Edge notifique de forma fiable una baliza de activación cuando se activa una página prefetch o prerenderizada. 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
Marcadores Self-Profiling JS Extiende la API de JS Self-Profiling con marcadores de ejemplo como script, gc, style, layout, y paint. 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
Aplicación de la lista de permitidos de conexión integrada Permite a un integrador usar el connectionallowlist atributo en un <iframe> elemento para requerir que el documento enmarcado restrinja sus conexiones de red salientes a una lista de permitidos declarada. Si el documento enmarcado 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.

  • Darrera actualització el