Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
Estas son las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 154, que se lanzará el 24 de septiembre 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
- WebView2
- Características de CSS
- Características de HTML
-
API web
- Argumento Options en el constructor de WebSocket
-
targetAddressSpaceopción para WebSockets - Nuevos algoritmos de criptografía web
- Aplicación de CORS para la API de recuperación en segundo plano
- Restricciones de acceso a la red local para la captura en segundo plano
- API de recuperación: reenviar motivo de AbortController para capturar la respuesta
Iterator.includes
- Pruebas de origen
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.
scroll-marker-group de memoria
La scroll-marker-group propiedad ahora admite dos modos: links y tabs.
links: las funciones generadas::scroll-marker-groupcomo una lista de navegación. Este es el modo predeterminado.Este modo está diseñado para imitar puntos de referencia de navegación estándar que se combinan con anclajes de fragmentos.
Obtiene
::scroll-marker-groupel rol de navegación y los::scroll-markerelementos obtienen el rol de enlace, coincidiendo con el<nav><a>patrón estructural.Todos los
::scroll-markerelementos se convierten en tabulaciones secuenciales y, cuando se activan, establecen el punto de partida de navegación de enfoque secuencial en el elemento de destino, perdiendo su propio enfoque. Esto coincide con el comportamiento de hacer clic en un<a href="#target">vínculo.tabs: las funciones generadas::scroll-marker-groupson como una lista tabulada.Este modo está diseñado para replicar el patrón de pestañas.
Estos
::scroll-marker-groupobtienen el rol tablist,::scroll-markerlos elementos obtienen roles de pestaña y sus elementos de origen obtienen el rol tabpanel.Para imitar el comportamiento de un panel de pestañas, al presionar la tecla Tab desde el marcador activo se mueve el foco directamente al contenido del panel de pestañas activo. El contenido de las pestañas inactivas se oculta explícitamente en el árbol de accesibilidad.
Vea también:
text-decoration-skip-spaces
La text-decoration-skip-spaces propiedad CSS controla si las líneas de decoración de texto (como subrayados, sobrelíneas o líneas) omiten caracteres de espacio en blanco.
Esto le permite evitar que las líneas de decoración se dibujen sobre caracteres de espacio en blanco, para obtener resultados más atractivos visualmente.
Vea también:
-
Skipping Spaces: la propiedad en el
text-decoration-skip-spacesMódulo de decoración de texto CSS Nivel 4.
text-decoration-inset
La text-decoration-inset propiedad CSS controla hasta qué punto los subrayados, los sobrelineados y las decoraciones de línea se insertan o se extienden más allá de los bordes del texto decorado.
La text-decoration-inset propiedad CSS admite lo siguiente:
-
auto. - Valores de longitud.
- Valores de porcentaje.
- Sintaxis de valor simple y doble para establecer los desplazamientos de inicio y finalización.
Esto le permite ajustar el espaciado de la decoración y crear efectos de revelación con decoraciones de texto nativo en lugar de degradados de fondo o elementos adicionales.
Vea también:
- propiedad CSS text-decoration-inset en MDN. Esto le permite ajustar el espaciado de la decoración y crear efectos de revelación con decoraciones de texto nativas, en lugar de degradados de fondo o elementos adicionales.
Atributo ancho de FontFace y descriptor de ancho de fuente
El width atributo de la FontFace API y la font-width propiedad de @font-face los descriptores ahora son alias para el atributo y font-stretch la stretch propiedad.
Esto alinea Microsoft Edge con las especificaciones actualizadas de carga de fuentes CSS y fuentes CSS 4.
Ahora puede inspeccionar o inicializar los anchos de cara de la fuente mediante la FontFace.width propiedad y la font-width propiedad CSS.
Vea también:
- FontFace en MDN.
- FontFace: propiedad stretch en MDN.
- descriptor de regla de CSS de ancho de fuente en MDN.
Exponer la jerarquía CSSStyleValue a contextos de trabajo
Los constructores siguientes se exponen ahora en ámbitos globales de trabajo, además de en los ámbitos de ventana y worklet:
CSSKeywordValueCSSNumericValueCSSStyleValueCSSUnitValueCSSUnparsedValue
Estos constructores forman parte de la especificación del modelo de objetos con tipo CSS.
Esto hace que Microsoft Edge y Chromium sean compatibles con Firefox y Safari.
Vea también:
- API del modelo de objetos tipo CSS, en MDN.
- CSSKeywordValue en MDN.
- CSSNumericValue en MDN.
- CSSStyleValue en MDN.
- CSSUnitValue en MDN.
- CSSUnparsedValue en MDN.
Características de HTML
Las siguientes características nuevas de HTML se incluyen en Microsoft Edge.
Tamaño de respuesta <iframe>
La frame-sizing propiedad CSS opta por un <iframe> elemento para ajustar el tamaño con capacidad de respuesta.
Cuando se ajusta el tamaño de la capacidad de respuesta, el <iframe> elemento se ajusta al tamaño del documento principal correspondiente al tamaño del documento iframe, de modo que se evitan las barras de desplazamiento en el iframe.
Vea también:
- frame-sizing CSS en MDN.
Descarte ligeramente, las mejoras de los elementos emergentes y los cuadros de diálogo
La exclusión ligera es el comportamiento en el que al hacer clic fuera de un elemento emergente o de un cuadro de diálogo, se cierra.
Se ha mejorado el comportamiento de descarte ligero para los elementos emergentes y los cuadros de diálogo en Microsoft Edge 154. Las siguientes acciones ya no activan el descarte claro:
- Gestos de desplazamiento en pantallas táctiles
- Hacer clic con el botón derecho
Vea también:
- API de Popover en MDN.
- <elemento de> diálogo HTML en MDN.
API web
Las siguientes características nuevas de la API Web se incluyen en Microsoft Edge.
Argumento Options en el constructor de WebSocket
El WebSocket constructor ahora acepta un option objeto como su segundo argumento, para pasar opciones adicionales a la WebSocket conexión. Se trata de una extensión de la firma del constructor existente, que anteriormente solo aceptaba una string para especificar subprotocolos.
Ahora, la especificación de un subprotocolo se puede escribir de cualquiera de las dos maneras siguientes:
// Using the existing string argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", "soap");
// Using the new option bag argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });
Vea también:
- WebSocket en MDN.
targetAddressSpace opción para WebSockets
Use la targetAddressSpace opción, al llamar WebSocket al constructor, para especificar que una WebSocket conexión a un nombre de host público debe tratarse como si fuera a un destino "local" o de "bucle invertido".
Por ejemplo, un sitio web público que se conecta a un servidor local puede usar un nombre de host para evitar la necesidad de configurar manualmente la dirección IP privada exacta, como se indica a continuación:
const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local"});
Esto coincide con una compatibilidad similar en la API Fetch.
Un caso de uso común es eludir las restricciones de contenido mixto al conectarse a servidores locales que aún no admiten HTTPS.
El usuario debe conceder al sitio permiso para tener acceso a la red local.
Vea también:
- WebSocket en MDN.
- Solicitud: propiedad targetAddressSpace en MDN.
Nuevos algoritmos de criptografía web
La API de criptografía web ahora admite los siguientes algoritmos criptográficos nuevos:
- Criptografía post-cuántica
- AEAD simétrico común
Esto le da acceso a implementaciones proporcionadas por el navegador de algoritmos criptográficos comunes resistentes a la cuántica estandarizados por NIST:
- ML-KEM - 768, 1024
- ML-DSA - 44, 65, 87
- ChaCha20-Poly1305
- Ala-X
Vea también:
- Criptografía en MDN.
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:
- API de recuperación en segundo plano en MDN.
- API de recuperación en MDN.
- Recuperar estándar.
- Uso compartido de recursos entre orígenes (CORS) en MDN.
Restricciones de acceso a la red local para la captura en segundo plano
La API de recuperación en segundo plano ahora requiere que el origen del trabajo de servicio tenga el permiso de acceso a la red local necesario para enviar solicitudes a servidores locales o de bucle invertido.
Esto alinea la API de recuperación en segundo plano con la API de recuperación. Esto evita que los sitios omitan las comprobaciones de acceso a la red local mediante la API de recuperación en segundo plano.
Vea también:
- API de recuperación en segundo plano en MDN.
- Permissions-Policy: directiva local-network-access en MDN.
API de recuperación: reenviar motivo de AbortController para capturar la respuesta
La anulación reason de una AbortController instancia ahora se proporciona a los métodos del Response objeto y su ReadableStream, en lugar de solo a la promesa fetch.
Vea también:
- API de recuperación en MDN.
- AbortController: método abort() en MDN.
Iterator.includes
Los iteradores de JavaScript ahora admiten el includes() método, lo que le permite preguntar si un iterador produce un valor determinado.
Este método es análogo al includes() método sobre Array objetos.
Vea también:
- Iterator.prototype.includes() en MDN.
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 |
|---|---|---|
| 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 |
| 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 |
<install> elemento HTML |
Instalar otros sitios web de forma declarativa como aplicaciones web mediante el <install> elemento. |
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 |
| 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 |
| 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 |
PrefetchAndPrerenderActivationBeacon |
Permite que Edge notifique de forma fiable una baliza de activación cuando se activa una página prefetch o prerenderizada. | Registrarse |
| HTML en el lienzo | Permite representar HTML en un lienzo mediante nuevos métodos de dibujo y el paint evento. |
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 |
| 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 |
| WebMCP | Permite que el sitio registre herramientas para que un agente en el explorador complete tareas en nombre de un usuario. | 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 |
| 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 |
| API de registro de diagnóstico de WebRTC | Recopila registros de diagnóstico internos para las operaciones relacionadas con WebRTC. | 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 |
| 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 |
| 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 |
| 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 |
| 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 |
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.