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.
Las siguientes son las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 156, que se lanzará el 22 de octubre 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.
:navigation-source Pseudoclase
Al usar la API de transiciones de vista, use la :navigation-source pseudoclase para aplicar estilo al elemento que inició la navegación, como un vínculo, un botón o un formulario.
La :navigation-source pseudoclase CSS se aplica al elemento que inició la navegación a lo largo del proceso de navegación.
Vea también:
- La pseudoclase :navigation-source en la coincidencia de navegación CSS.
- Ver API de transición en MDN.
random() Función
La random() función CSS aporta aleatoriedad generativa a CSS, lo que le permite generar un valor numérico aleatorio dentro de un rango especificado.
Por ejemplo, puede usar random() para dispersar elementos aleatoriamente dentro de su contenedor:
.dot {
/* Position each dot randomly */
position: absolute;
top: random(0%, 100%);
left: random(0%, 100%);
}
De forma predeterminada, cada llamada a la random() función se resuelve como un valor nuevo y distinto. Puede anular este comportamiento predeterminado pasando un valor semilla como primer parámetro de la función para controlar cómo se comparten los valores aleatorios entre propiedades y elementos.
Vea también:
- random() en MDN.
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.
Vea también:
Descriptores opcionales en @property reglas
En una @property regla, puede omitir el , inheritso initial-value los syntaxdescriptores. Los valores predeterminados permiten quitar el código reutilizable.
Los descriptores omitidos tienen como valores predeterminados los siguientes:
-
syntaxEl valor predeterminado es*(la sintaxis universal). -
inheritsEl valor predeterminado estrue. -
initial-valueEl valor predeterminado esinitial-value, que se garantiza que no es válido. Este valor predeterminado permite que las propiedades que se escriben usen lavar()función con un valor de reserva.
Los valores predeterminados anteriores también funcionan al registrar una propiedad personalizada desde JavaScript, mediante .CSS.registerProperty()
Vea también:
- @property CSS at-rule en MDN.
- CSS: Método estático registerProperty() en MDN.
- Valor no válido garantizado en CSS Propiedades personalizadas para el módulo de variables en cascada de nivel 2.
Contenedores scroll de un solo eje
La overflow propiedad CSS ahora admite la configuración de un valor desplazable, como scroll, junto con un segundo valor, clip. Por ejemplo: overflow: scroll clip;
La configuración overflow: scroll clip permite que un elemento esté position: sticky restringido por diferentes contenedores de desplazamiento por eje. Por ejemplo, use esta opción para crear una tabla que mantenga a la vista los encabezados de columna y de fila mientras el usuario se desplaza por el contenido.
Anteriormente, la overflow propiedad no proporcionaba una manera de hacer que un contenedor de desplazamiento fuera responsable solo de un eje. Esto afectó a las características que dependen de contenedores de desplazamiento, como los elementos con position: stickyformato
Vea también:
scroll-snap-type: pair para ajustar a un solo elemento
La scroll-snap-type propiedad CSS ahora admite el pair valor.
.scroller {
scroll-snap-type: pair mandatory;
}
El pair valor trata el ajuste de desplazamiento a lo largo de los ejes x e y como un par. En lugar de elegir de forma independiente un destino de ajuste a lo largo del eje x y un destino de ajuste a lo largo del eje y, el ajuste selecciona un solo elemento en ambos ejes.
Vea también:
- propiedad CSS scroll-snap-type en MDN.
- emparejar en el módulo CSS Scroll Snap Nivel 1.
API web
Las siguientes características nuevas de la API Web se incluyen en Microsoft Edge.
Las importaciones de módulos con errores se pueden volver a intentar
Ahora puede volver a intentar importar módulos con errores, por ejemplo, después de un error de red.
Anteriormente, un error al importar un módulo se almacenaba en caché y al volver a intentar importar el mismo módulo se devolvía el mismo error.
El comportamiento de carga del módulo ahora permite reintentar manualmente las importaciones de módulos con errores. Esto incluye lo siguiente:
- Importaciones dinámicas, mediante la
import()función. - Inserción dinámica de un
<script src="..." type="module">elemento. - Cualquier importación estática, mediante la
importinstrucción, cuando está presente en cualquiera de los contextos anteriores.
Vea también:
- Módulos de JavaScript en MDN.
- import() en MDN.
- importación en MDN.
-
módulo en
<script type>el atributo HTML, en MDN.
Novedades de transporte del diccionario de compresión
Al capturar un diccionario de compresión a través de un <link rel="compression-dictionary"> elemento, Microsoft Edge ahora:
- Se utiliza
compression-dictionarycomo destino de la solicitud. - Establece correctamente los valores para la solicitud
mode,credentials,referrer, y .referrerpolicy - Tiene en cuenta los
crossoriginatributos andreferrerque se establecen en el<link rel="compression-dictionary">elemento.
Vea también:
- Transporte del diccionario de compresión en MDN.
- rel="compression-dictionary" valor del atributo HTML en MDN.
IndexedDB: back-end de SQLite
Para los nuevos almacenes de datos, Microsoft Edge ahora usa SQLite en lugar de la API IndexedDB como motor de almacenamiento subyacente en el back-end.
La API IndexedDB permanece sin cambios; solo se ha cambiado el motor de almacenamiento subyacente.
Se espera que este cambio mejore la confiabilidad y el rendimiento de los sitios que usan la API IndexedDB.
En una fase futura, los almacenes de datos existentes se migrarán del uso de almacenes LevelDB a almacenes SQLite.
Vea también:
- API IndexedDB en MDN.
- SQLite.
WebGPU: profundidad de fragmento
En WGSL, ahora puede proporcionar un less o greater modificador a @builtin(frag_depth).
Anteriormente, @builtin(frag_depth) podría tener un impacto negativo en el rendimiento, debido a la deshabilitación de las optimizaciones de Z temprana en una llamada de empate.
Los nuevos modificadores permiten establecer explícitamente el modo de búfer y permiten aplicar las optimizaciones de Z temprana.
Vea también:
- API de WebGPU en MDN.
- frag_depth en lenguaje de sombreado WebGPU.
API de registro de diagnóstico de WebRTC
La API de registro de diagnóstico de WebRTC permite desencadenar la recopilación de datos de diagnóstico de WebRTC, de modo que los datos se puedan usar para la depuración local.
Si el usuario autoriza el uso compartido de los datos de diagnóstico con el proveedor del explorador, la API permite este uso compartido. Esto le proporciona información que puede ayudar a corregir errores en el explorador o a mejorar el explorador.
Las aplicaciones WebRTC a menudo encuentran problemas complejos de conectividad o calidad de medios que son difíciles de reproducir en entornos locales. La API de registro de diagnóstico de WebRTC puede ayudar a depurar estos problemas.
Vea también:
- Registro de diagnóstico en extensiones WebRTC.
- API de registro de diagnóstico WebRTC.
WebTransport headers y responseHeaders
Al llamar WebTransport() al constructor, la headers opción le permite pasar encabezados de solicitud HTTP personalizados al servidor durante el protocolo de enlace inicial CONNECT .
La responseHeaders propiedad de la instancia del WebTransport objeto permite inspeccionar los encabezados de respuesta HTTP que envía el servidor después del protocolo de enlace inicial CONNECT .
Estas adiciones a la API de WebTransport le permiten:
- Proporcione metadatos, tokens de autenticación y parámetros personalizados durante el protocolo de enlace inicial
CONNECT. - Acceder a los encabezados proporcionados por el servidor, una vez establecida la conexión.
Este cambio soluciona varias limitaciones técnicas en la autenticación, el enrutamiento y la negociación de funcionalidades.
Sin encabezados personalizados, debes:
- Pase tokens de autenticación en cadenas de consulta URL, lo que expone las credenciales en los registros del servidor y la telemetría.
- Autentique a través de un flujo de datos inicial, lo que agrega un recorrido de ida y vuelta adicional antes de que la conexión sea utilizable.
Además, las puertas de enlace de API y los proxies inversos suelen inspeccionar los encabezados HTTP en la capa CONNECT. Sin encabezados personalizados, estos intermediarios no pueden autorizar ni enrutar sesiones de WebTransport a través de canalizaciones existentes, lo que obliga a los servidores a aceptar conexiones antes de comprobar las credenciales.
Vea también:
- API WebTransport 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 |
|---|---|---|
| API de rendimiento de CPU | Expone información sobre las capacidades del dispositivo del usuario, para su uso con la API Compute Pressure. | Registrarse |
| HTML en el lienzo | Permite representar HTML en un lienzo mediante nuevos métodos de dibujo y el paint evento. |
Registrarse |
<usermedia> elemento HTML |
Un elemento HTML controlado por el navegador para solicitar acceso a la cámara o al micrófono, que reemplaza las solicitudes de permisos basadas en JavaScript. | 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 |
PrefetchAndPrerenderActivationBeacon |
Permite que Edge notifique de forma fiable una baliza de activación cuando se activa una página prefetch o prerenderizada. | 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 |
| 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 |
| 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 |
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 |
| 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 |
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.