Compartir a través de

Notas de la versión de la plataforma web de Microsoft Edge 146 (marzo de 2026)

A continuación se muestran las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 146, que se publica el 12 de marzo de 2026.

Para mantenerse al día y obtener las características más recientes de la plataforma web, descargue un canal en versión preliminar de Microsoft Edge (Beta, Desarrollo o Canary); vaya a Convertirse en microsoft edge insider.

Contenido detallado:

Edge DevTools

Consulte Novedades de Microsoft Edge DevTools.

WebView2

Consulte 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.

Actualización de CSS: desacoplamiento de las propiedades Width y Style

El comportamiento de border-widthlas propiedades , outline-widthy column-rule-width se ha actualizado para alinearse con las especificaciones CSS más recientes.

Anteriormente, si la propiedad , o correspondiente se estableció en none o hidden, el ancho calculado se forzaría a 0px, independientemente del valor especificado.border-stylecolumn-rule-styleoutline-style

Ahora, los valores calculados de border-width, outline-widthy column-rule-width siempre reflejan los valores especificados, independientemente de la propiedad correspondiente *-style . Los valores resueltos devueltos por getComputedStyle()outline-width y column-rule-width también reflejan los valores especificados.

Vea también:

Animaciones desencadenadas por desplazamiento

Las animaciones desencadenadas por el desplazamiento permiten controlar las animaciones en función de la posición del desplazamiento. Puede reproducir, pausar o restablecer una animación cuando se alcanza una posición de desplazamiento determinada.

Esta característica elimina la necesidad de usar JavaScript para detectar manualmente cuándo se ve un elemento y, a continuación, desencadenar animaciones. En su lugar, puede definir animaciones basadas en desplazamiento mediante declaración en CSS, lo que permite al explorador optimizar el rendimiento mediante la ejecución de las animaciones en un subproceso de trabajo.

Vea también:

hanging y each-line palabras clave para text-indent

La text-indent propiedad ahora admite dos palabras clave opcionales:

  • hanging: aplica sangría a todas las líneas excepto a la primera.
  • each-line: aplica sangría a cada línea que se encuentra después de un salto de línea forzado, en lugar de aplicar sangría solo a la primera línea.

Estas palabras clave proporcionan más control sobre cómo se aplica la sangría de texto en diferentes escenarios.

Vea también:

Intervalo con nombre de escala de tiempo "scroll"

En las animaciones controladas por desplazamiento, las escalas de tiempo de vista ahora admiten un "scroll" intervalo con nombre, además de los rangos con nombre existentes ("entry", "exit", "cover", "contain").

El nuevo "scroll" intervalo hace referencia a la extensión completa del contenedor de desplazamiento, en lugar de solo a la parte del contenedor de desplazamiento en la que está visible el asunto de la animación. Esto le proporciona más control sobre cuándo se inician y detienen las animaciones dentro del área desplazable.

Vea también:

trigger-scope

La trigger-scope propiedad permite controlar el ámbito de los nombres de desencadenador de animación, de forma similar a cómo funciona el ámbito del delimitador con la anchor-scope propiedad .

Los nombres de desencadenador declarados por propiedades como timeline-trigger son globales de forma predeterminada, lo que puede dar lugar a conflictos de nomenclatura. Use trigger-scope para limitar la visibilidad de los nombres de desencadenador a un ámbito específico, para evitar que se desencadenen animaciones no intencionadas.

meta name="text-scale" elemento

El <meta name="text-scale" content="scale"> metaelemento hace que el tamaño de fuente predeterminado de la página se escale con la configuración de escala de texto del sistema operativo del usuario y del explorador.

Esto resulta útil si la página usa unidades relativas a fuentes, como rem o em. Este <meta> elemento indica al explorador que la página se ha creado para escalar bien con diferentes preferencias de tamaño de texto, de modo que el explorador pueda deshabilitar sus propios mecanismos de ajuste automático de tamaño de texto.

API web

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

Los parámetros de tipo MIME se conservan en direcciones URL de datos

Cuando se usan direcciones URL de datos, los parámetros de tipo MIME (como charset o boundary) ahora se conservan en el Content-Type encabezado.

Este cambio alinea el control de direcciones URL de datos con la especificación de fetch API y garantiza que la información de parámetros en las direcciones URL de datos no se pierda durante el procesamiento.

Vea también:

Intl.Locale.prototype.variants

La Intl.Locale.prototype.variants propiedad devuelve las variantes asociadas a una configuración regional como una cadena de identificadores separados por guiones.

Ahora también puede pasar "variants" el objeto options al construir un Intl.Localeobjeto .

Vea también:

Secuenciación de iteradores

El Iterator.concat() método crea un nuevo iterador mediante la combinación de varios iteradores en secuencia.

Puede pasar cualquier número de iterables a Iterator.concat()y el iterador resultante producirá valores de cada iterable en orden.

Vea también:

Ahora puede usar <link rel="modulepreload"> para cargar previamente módulos JSON y CSS, además de módulos de JavaScript.

Especifique el tipo de módulo mediante el as atributo :

  • <link rel="modulepreload" as="style" href="..."> para módulos CSS.

  • <link rel="modulepreload" as="json" href="..."> para módulos JSON.

Esto aporta paridad de características entre diferentes tipos de módulos para la precarga.

Vea también:

API de estadísticas de reproducción para WebAudio

La AudioContext.playbackStats propiedad proporciona estadísticas sobre la reproducción de audio web, como:

  • Latencia media.
  • Latencia mínima o máxima.
  • Duración de la ejecución inferior.
  • Recuento de ejecuciones inferiores.

Use esta API para supervisar la calidad del audio y detectar errores en la reproducción de audio.

Esta característica se denominaba AudioContext.playoutStatsanteriormente . Se ha cambiado el nombre de la característica a AudioContext.playbackStats, para alinearse con la especificación final de Web Audio API. El nombre anterior sigue estando disponible como alias en desuso, por compatibilidad con versiones anteriores.

Vea también:

Conservación de dropEffect valores de dragover a drop eventos

Cuando se usa la API Arrastrar y colocar, el dropEffect valor que se establece en un dragover evento ahora se conserva y está disponible en el evento posterior drop .

Anteriormente, el explorador sobrescribiría el dropEffect valor con su propia operación negociada, lo que impedía controlar los comentarios visuales y la operación final que se realiza.

Vea también:

Sanitizer API

Sanitizer API proporciona una manera sencilla y segura de quitar contenido HTML no seguro de las cadenas HTML proporcionadas por el usuario.

Use esta API para sanear la entrada HTML y reducir el riesgo de ataques XSS (scripting entre sitios) al mostrar contenido generado por el usuario.

Vea también:

pathatributo en el elemento SVG <textPath>

El <textPath> elemento SVG ahora admite un path atributo, que permite definir la geometría de la ruta de texto insertada mediante datos de ruta de acceso SVG.

En lugar de tener que hacer referencia siempre a un elemento independiente <path> mediante el href atributo , ahora puede incluir los datos de ruta de acceso directamente en el <textPath> atributo del path elemento.

path Cuando se especifican yhref, el path atributo tiene prioridad.

Vea también:

Color de énfasis del sistema de ámbito de aplicación web

Ahora accent-color: auto , el ámbito de la propiedad CSS es trabajar solo en aplicaciones web instaladas. Esto se alinea con las palabras clave de color del sistema CSS y AccentColorText existentesAccentColor.

Anteriormente, cuando accent-color se estableceba autoen , los controles de formulario adoptarían el color de énfasis del sistema en todos los contextos (tanto las páginas web como las aplicaciones web instaladas). Este cambio garantiza que los colores de énfasis del sistema solo estén disponibles en contextos de aplicación web instalados. Esto proporciona expectativas de usuario y desarrollador más coherentes, a la vez que se adhiere a las restricciones de huella digital.

Vea también:

Límites de la API de memoria del dispositivo

Device Memory API ahora notifica valores actualizados que reflejan mejor las funcionalidades modernas del dispositivo:

  • Dispositivos Android: 1, 2, 4 o 8 GB

  • Otras plataformas: 2, 4, 8, 16 o 32 GB

Estos nuevos valores reemplazan a los valores obsoletos (0,25, 0,5, 1, 2, 4, 8 GB). Esto reduce el riesgo de huellas digitales y proporciona una mejor segmentación para los dispositivos de gama alta.

Vea también:

Modo de compatibilidad de WebGPU

El modo de compatibilidad de WebGPU agrega un subconjunto opcional y ligeramente restringido de la API de WebGPU, que es capaz de ejecutar API de gráficos más antiguas, como OpenGL y Direct3D11.

Al participar en este modo y seguir sus restricciones, puede ampliar el alcance de la aplicación WebGPU a muchos dispositivos más antiguos que no tienen las API de gráficos modernas y explícitas que requiere La WebGPU principal.

  • Para una aplicación sencilla, el único cambio necesario es establecer la featureLevel opción "compatibility" en al llamar a requestAdapter().

  • En el caso de una aplicación más avanzada, es posible que sea necesario realizar algunas modificaciones para adaptarse a las restricciones del modo de compatibilidad. Sin embargo, dado que el modo de compatibilidad usa un subconjunto de la API de WebGPU, la aplicación también funcionará en exploradores que no admitan el modo de compatibilidad.

Vea también:

WebGPU: enlace de textura y sampler let

En WGSL, una let declaración ahora puede almacenar un objeto de textura de tipo o sampler, gracias a la característica de texture_and_sampler_let lenguaje.

Esto permite lo siguiente:

  • Organización de código de sombreador más flexible.
  • Reutilización de enlaces de textura y sampler.

WebGPU: datos adjuntos transitorios

Use la nueva TRANSIENT_ATTACHMENT marca de uso de texturas de GPU para crear datos adjuntos de pase de representación que puedan permanecer en la memoria del icono. Esto evita el tráfico de VRAM y, potencialmente, evita la asignación de VRAM para las texturas.

Cuando una textura se declara como transitoria (o "sin memoria"), la GPU sabe que el contenido de esa textura solo es necesario temporalmente dentro del pase de representación actual.

Dado que el contenido de la textura se descarta después del paso de representación, es posible que el controlador no necesite asignar espacio para esa textura en la VRAM principal. Incluso sin compatibilidad con hardware para datos adjuntos transitorios, esta sugerencia se puede usar para reutilizar las asignaciones de textura entre pasadas, lo que reduce el uso máximo de memoria.

Vea también:

Negociación siempre de canales de datos en WebRTC

La nueva alwaysNegotiateDataChannels opción para RTCPeerConnection permite negociar canales de datos en la oferta de SDP antes de crear un canal de datos. La línea M del canal de datos se coloca antes de cualquier línea M de audio o vídeo.

Use esta opción al crear una conexión del mismo nivel para asegurarse de que los canales de datos siempre se negocian:

const pc = new RTCPeerConnection({
  alwaysNegotiateDataChannels: true
});
const offer = await pc.createOffer();

Vea también:

Rellenar targetURL durante el control de archivos

Cuando se inicia una aplicación web progresiva (PWA) mediante el control de archivos, la LaunchParams.targetURL propiedad ahora se rellena correctamente en la cola de inicio.

Anteriormente, esta propiedad era null cuando se dirigió un inicio de archivo a una ventana existente.

Ahora, la dirección URL del campo de manifiesto action está disponible para el launchQueue consumidor. Esto proporciona coherencia con otros desencadenadores de inicio, como los inicios de acceso directo y la captura de navegación.

Esto le permite comprender mejor la intención del inicio y controlar la lógica de enrutamiento específica incluso cuando la carga principal es un conjunto de identificadores de archivo.

Vea también:

Detener la puesta en cola al volver a LaunchParams cargar

launchQueue Ya no vuelve a enviar el último LaunchParams (incluidos los identificadores de archivo) cuando un usuario vuelve a cargar la página en un PWA.

Anteriormente, una actualización de página desencadenaba de nuevo el consumidor de inicio con datos del inicio original, lo que a menudo provocaba un comportamiento inesperado.

Por ejemplo, una aplicación podría preguntar a los usuarios "¿Guardar cambios?" o "¿Sobrescribir este archivo?", cada vez que actualizaban la página.

Este cambio garantiza que una recarga se trate como una navegación estándar, en lugar de como un re-lanzamiento, y launchQueue solo se rellenará cuando se produzca realmente un nuevo evento de inicio de archivo.

Vea también:

Pruebas de origen

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

Las pruebas de origen le permiten probar las API experimentales en su propio sitio web en directo durante un tiempo limitado. Para más información sobre las pruebas de origen, consulte Uso de las pruebas de origen en Microsoft Edge.

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

API de instalación web

Expira el 14 de julio de 2026.

La API de instalación web permite que un sitio web instale otros sitios web como aplicaciones web en el dispositivo del usuario mediante navigator.install().

API de credenciales digitales: compatibilidad con la emisión

Expira el 14 de julio de 2026.

La API de credenciales digitales permite desencadenar la emisión de credenciales de usuario desde un servidor emisor de credenciales a una aplicación de cartera digital. Por ejemplo, esta API se puede usar para desencadenar el aprovisionamiento de una nueva licencia de conducir, o un título académico comprobado, desde un servidor gubernamental o universitario a la cartera digital de un usuario.

Descriptores personalizados de WebAssembly

Expira el 16 de junio de 2026.

WebAssembly Custom Descriptors permite a WebAssembly almacenar datos asociados a tipos de nivel de origen de forma más eficaz, en nuevos objetos de descriptor personalizados.

PrerenderUntilScript

Expira el 8 de septiembre de 2026.

La prueba de origen PrerenderUntilScript presenta prerender_until_script, una nueva acción para la API de reglas de especulación que proporciona un punto intermedio entre prefetch y prerender.

Use esta acción cuando desee que el explorador represente previamente una página, pero detenga y vuelva a la captura previa después de que se inicie la ejecución de un script específico.

TextMetrics de lienzo mejorado

Expira el 11 de agosto de 2026.

La versión de prueba de origen de TextMetrics del lienzo mejorado expande textmetrics Canvas API para admitir:

  • Rectángulos de selección.
  • Consultas de cuadro de límite.
  • Operaciones basadas en un clúster de glifos.

Esta nueva funcionalidad permite que las aplicaciones complejas de edición de texto tengan una selección, un posicionamiento de intercalación y pruebas de posicionamiento precisos. Además, la representación basada en clústeres facilita efectos de texto sofisticados, como:

WebNN

Expira el 14 de julio de 2026.

La prueba de origen de WebNN le permite experimentar con una capa de abstracción sobre las funcionalidades de aceleración de ML proporcionadas por la plataforma.

WebNN le ayuda a comprender lo siguiente:

  • Qué tan bien se asignan los modelos reales a las operaciones compatibles con WebNN.

  • Qué tan bien WebNN puede asignar esas operaciones a varios hardware.

  • Explicador

  • Comentarios

  • Registrarse

WebAudio Configurable Render Quantum

Expira el 8 de septiembre de 2026.

Con la prueba de origen de Render Quantum configurable de WebAudio, puede especificar una renderSizeHint opción al crear o AudioContextOfflineAudioContext, para solicitar un tamaño cuántico de representación determinado.

UserMediaElement

Expira el 14 de julio de 2026.

La prueba de origen UserMediaElement presenta el <usermedia> elemento HTML.

El <usermedia> elemento HTML es un elemento controlado por el explorador para solicitar acceso a la cámara o al micrófono.

Usar un elemento HTML semántico en lugar de JavaScript:

  • Proporciona una mayor claridad a los usuarios sobre la solicitud de permiso.

  • Mejora la accesibilidad.

  • Evita patrones de interfaz de usuario manipuladores.

  • Simplifica el flujo de trabajo, ya que proporciona directamente el flujo multimedia a la aplicación. Esto elimina la necesidad de llamadas API independientes.

  • Explicador

  • Comentarios

  • Registrarse

Acceso de red local desde contextos no seguros

Expira el 19 de mayo de 2026.

El acceso a la red local desde contextos no seguros permite temporalmente el acceso a los recursos de las redes locales para que se originen desde contextos no seguros. Esto le proporciona más tiempo para migrar las solicitudes de acceso a la red local para que se originen desde un contexto seguro.

Para ver las restricciones en el acceso a la red local, consulte Nueva solicitud de permiso para el acceso a la red local. Esta prueba de origen solo se puede habilitar a través de tokens de origen proporcionados por el encabezado HTTP.

Nota:

Las partes de esta página son modificaciones basadas en el trabajo creado y compartido por Chromium.org y usadas de acuerdo con los términos descritos en la Licencia internacional creative Commons Attribution 4.0.

  • Last updated on