Compartir a través de

Notas de la versión de la plataforma web de Microsoft Edge 145 (febrero de 2026)

A continuación se muestran las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 145, que se publica el 12 de febrero 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

A continuación se muestran las nuevas características de hojas de estilos en cascada (CSS) en Microsoft Edge.

Animaciones desencadenadas por desplazamiento

Las animaciones desencadenadas por el desplazamiento controlan el estado de reproducción de las animaciones, en función de una posición de desplazamiento.

Las animaciones desencadenadas por el desplazamiento son útiles para los casos en los que se desea iniciar una animación, como deslizar un elemento a la vista, solo cuando se alcanza una posición de desplazamiento determinada.

Esta característica permite lograr este efecto común sin usar JavaScript para detectar manualmente que un elemento está dentro de la ventanilla de su contenedor de desplazamiento. Esto también significa que el explorador puede descargar el control de la interacción en un subproceso de trabajo, lo que mejora el rendimiento.

Vea también:

trigger-scope

La trigger-scope propiedad permite definir el ámbito en el que se aplican los nombres de los desencadenadores de animación.

Por ejemplo, las animaciones desencadenadas por desplazamiento usan las timeline-trigger propiedades y animation-trigger para definir nombres de desencadenador personalizados. De forma predeterminada, esos nombres son globales, lo que significa que se puede hacer referencia a ellos desde cualquier lugar del documento. Mediante el uso de la trigger-scope propiedad , puede limitar la visibilidad de esos nombres de desencadenador a un ámbito específico.

Vea también:

Valores de porcentaje para letter-spacing y word-spacing

Las letter-spacing propiedades y word-spacing CSS ahora admiten valores de porcentaje.

La capacidad de usar valores porcentuales proporciona un control más flexible sobre la tipografía, especialmente en diseños con capacidad de respuesta donde el espaciado de texto debe adaptarse a diferentes anchos de ventanilla y tamaños de fuente.

Los valores de porcentaje se calculan en relación con el tamaño de fuente del elemento actual y, por tanto, representan un tamaño relativo al tamaño del texto al que se aplican los valores.

Vea también:

Compatibilidad con el ajuste de columnas en diseños de varias columnas

Los diseños de varias columnas, como los creados mediante las propiedades o column-width CSS, ahora admiten el column-count ajuste de columnas.

El ajuste de columnas se controla mediante las column-wrap propiedades y column-height CSS.

Con el ajuste de columnas, en lugar de permitir que el alto de las columnas sea definido por el elemento primario, puede definir un alto explícito para las columnas. Se crea una nueva fila de columnas cuando se han rellenado todas las columnas de una fila.

Vea también:

Cuadro de lista de selección personalizable

Las selecciones personalizables ahora también se pueden representar como selección única o selección múltiple en el modo de cuadro de lista.

El modo de representación del cuadro de lista significa que el elemento select se representa en la página en lugar de con un botón y un elemento emergente independientes.

Para representar una selección personalizable en el modo de cuadro de lista, use los multiple atributos HTML o size . Por ejemplo, <select multiple> o <select size="4">.

Vea también:

Representación mejorada para un radio de borde circular cercano

Se ha mejorado la representación de elementos casi circulares, como los que tienen un border-radius valor cercano al 50 %. Las sombras y los límites de recorte de estos elementos ahora coinciden con precisión con el contorno visual de los bordes curvados de los elementos.

Esta mejora también se aplica a contornos no redondos, como los que usan la corner-shape propiedad .

Vea también:

text-justify

La text-justify propiedad permite controlar cómo se justifica el texto al usar la text-align: justify; declaración CSS.

Por ejemplo, puede forzar la justificación expandiendo el espacio entre caracteres incluso en texto en inglés, mediante text-justify: inter-character;.

Vea también:

Representación de emojis monocromáticos en modo de colores forzados

Para mejorar la accesibilidad, Microsoft Edge ahora representa emojis monocromos en modo de colores forzados, como cuando el usuario usa un tema de contraste en Windows.

Vea también:

Efecto de sobrescritura en contenedores de desplazamiento anidados

En las plataformas que admiten el efecto de sobrescritura, donde los usuarios pueden desplazarse por la página más allá del inicio o el final del contenido, como en dispositivos móviles, Microsoft Edge también aplica este efecto a los contenedores de desplazamiento anidados.

Mantenga el control del comportamiento de sobrescritura mediante la overscroll-behavior propiedad CSS.

Vea también:

API web

A continuación se muestran las nuevas características de la API web en Microsoft Edge.

API de origen

La API de origen proporciona métodos útiles para:

  • Comparación de orígenes.
  • Serialización de un origen.
  • Análisis de un origen.

El origen es un componente fundamental de la web que es esencial tanto para los límites de seguridad como de privacidad que mantienen los exploradores.

Los exploradores siempre han tenido representaciones internas del origen de una página web. La nueva API de origen expone esta representación interna para que el código pueda usarla.

Con la API de origen, puede realizar comparaciones del mismo origen o del mismo sitio de una manera más sólida que usando los otros captadores de origen existentes, que devuelven serializaciones ASCII de orígenes.

Vea también:

Sanitizer API

Sanitizer API analiza e inserta HTML en el DOM de forma que pueda evitar ataques de scripting entre sitios.

La API sanitizer es útil en los casos en los que es necesaria la desinfección de entrada del usuario, pero difícil de implementar correctamente. La API ofrece un proceso de desinfección de alta calidad con un comportamiento predeterminado que se puede personalizar si es necesario, lo que mejora la seguridad de la aplicación web.

Vea también:

PerformanceEntry paintTime y presentationTime propiedades

Cada métrica de rendimiento se representa mediante un único PerformanceEntry.

Las paintTime propiedades y presentationTime ahora están disponibles para las siguientes entradas de Performance API:

La paintTime propiedad indica la hora a la que finalizó la fase de representación y el explorador inició la fase de pintura.

La presentationTime propiedad indica la hora a la que los píxeles llegaron a la pantalla.

Vea también:

Requerir activación de usuario permanente o permiso para eventos de cambio de portapapeles

Para evitar la supervisión no autorizada del Portapapeles del sistema, el clipboardchange evento solo se emite ahora en los casos siguientes:

  • Cuando la página está en modo de activación de usuario permanente.

  • Cuando el usuario ha concedido el clipboard-read permiso.

La activación permanente del usuario se produce cuando el usuario interactúa activamente con la página web o ha interactuado con la página al menos una vez.

Vea también:

onanimationcancel controlador de eventos

El onanimationcancel controlador de eventos ya está disponible, de forma similar a onanimationstart, onanimationiterationy onanimationend.

onanimationcancel permite detectar cuándo una animación deja de ejecutarse, incluso cuando esta animación no alcanzó su fin natural. Por ejemplo:

  • Cuando se cambia la animation-name propiedad CSS.

  • Cuando el elemento de animación se oculta mediante display:none.

Vea también:

Reglas ContextJ de IDNA

Para mejorar la interoperabilidad con otros exploradores, Microsoft Edge ahora implementa las reglas ContextJ de IDNA, al no permitir los caracteres ZWNJ (U+200C ZERO WIDTH NON-JOINER) y ZWJ (U+200D ZERO WIDTH JOINER) en la mayoría de los lugares dentro de las direcciones URL.

IDNA es el mecanismo por el que pueden aparecer caracteres no ASCII en los nombres de dominio. Por ejemplo, la dirección URL http://네이버.한국/ se codifica como http://xn--950bt9s8xi.xn--3e0b707e/.

Vea también:

getOrInsert y getOrInsertComputed métodos en Map y WeakMap

getOrInsert

El getOrInsert(key, defaultValue) método en Map y WeakMap devuelve el valor almacenado en una clave especificada en el mapa.

Si la clave no se encuentra en el mapa, el getOrInsert método crea una nueva entrada para esa clave, con el valor predeterminado proporcionado y, a continuación, devuelve el valor.

Vea también:

getOrInsertComputed

El getOrInsertComputed(key, callback) método en Map y WeakMap devuelve el valor almacenado en una clave especificada en el mapa.

Si la clave no se encuentra en el mapa, el getOrInsertComputed método crea una nueva entrada para esa clave, establece su valor en el resultado de una función de devolución de llamada determinada y, a continuación, devuelve el valor.

Vea también:

Informes de api de LayoutShift en píxeles CSS

Los prevRect datos y currentRect devueltos por layoutShift API ahora notifican longitudes en píxeles CSS en lugar de píxeles físicos.

Este cambio hace que la API LayoutShift sea coherente con otras API relacionadas con el diseño, que usan unidades de píxeles CSS.

Vea también:

Meta element de escala de texto

El text-scale metaelemento hace que el tamaño de fuente predeterminado del elemento raíz de una página web sea coherente con la configuración de escala de texto del sistema operativo y del explorador. Por ejemplo:

<meta name="text-scale" content="scale">

Anteriormente, no había ninguna manera fácil de respetar la escala de texto que el usuario estableció en el sistema operativo o explorador.

El text-scale meta element es útil si sigue los procedimientos recomendados en relación con las unidades relativas a fuentes, como el uso rem de unidades de tamaño de fuente y em para respetar las preferencias de tamaño de texto del usuario.

Esta característica también permite que el explorador deshabilite sus propios mecanismos basados en explorador y heurística, como el zoom a pantalla completa en el escritorio o el ajuste automático de tamaño de texto en el móvil. Ahora, puede indicar al explorador que la página se construye de forma que se escale bien en varias preferencias de tamaño de fuente seleccionadas por el usuario.

Vea también:

Para definir el tiempo de expiración de una cookie, ahora puede usar el maxAge atributo al usar la API de Almacén de cookies.

Esto se suma al atributo , que ya controla el expires tiempo de expiración de una cookie. El nuevo atributo, maxAge :

  • Proporciona una opción alternativa que a veces puede ser más intuitiva que el expires atributo .
  • Alinea la API del Almacén de cookies con las opciones proporcionadas por document.cookie y el Set-Cookie encabezado HTTP.

Vea también:

focusVisible opción para el focus() método

Al llamar al focus() método , ahora puede proporcionar la focusVisible opción booleana.

  • Cuando focusVisible es true, se muestra un anillo de foco alrededor del elemento recién centrado y :focus-visible la pseudoclase CSS coincide.

  • Cuando focusVisible es false, no se muestra un anillo de foco alrededor del elemento recién centrado y la :focus-visible pseudoclase CSS no coincide.

  • Cuando focusVisible falta, el explorador determina si se muestra un anillo de enfoque alrededor del elemento recién centrado y si la :focus-visible pseudoclase CSS coincide en consecuencia.

Vea también:

VideoFrame.metadata() ahora devuelve rtpTimestamp para fotogramas de vídeo de WebRTC

El nuevo VideoFrame.metadata() método devuelve un objeto de diccionario.

  • Si el objeto del VideoFrame explorador tiene un rtpTimestamp campo en sus metadatos, se devuelve un objeto de diccionario que contiene el rtpTimestamp campo.
  • Si el objeto del VideoFrame explorador no tiene un rtpTimestamp campo en sus metadatos, se devuelve un objeto de diccionario vacío.

Solo los fotogramas de vídeo que se originan en un origen WebRTC tienen los rtpTimestamp metadatos.

El rtpTimestamp campo permite a una aplicación correlacionar cada fotograma expuesto con su marca de tiempo de transporte RTP original, para lo siguiente:

  • Aplicación que usa , MediaStreamTrackProcessorcomo para representar marcos WebRTC descodificados en un lienzo.
  • Una aplicación que usa WebCodecs, como para canalizaciones de descodificación personalizadas.

Vea también:

Nuevos tipos de eventos de entrada para comandos de eliminación de teclado en el texto seleccionado

Cuando se usan comandos de eliminación de teclado como Ctrl+Retroceso o Ctrl+Eliminar con texto seleccionado en un elemento que tiene un contenteditable atributo, los beforeinput eventos y input ahora notifican los siguientes tipos de eventos de entrada:

  • deleteContentBackward
  • deleteContentForward

Anteriormente, se notificaron los siguientes tipos de eventos:

  • deleteWordBackward
  • deleteWordForward

Este cambio le permite detectar qué operación de edición se produjo e implementar mecanismos confiables de deshacer o rehacer, u otros comportamientos de edición personalizados.

Vea también:

to propiedad para transiciones de Navigation API

NavigationTransition ahora los objetos tienen una to propiedad , que expone el destino de la navegación. La propiedad existente from expone el origen de la navegación.

Las to propiedades y from son útiles cuando se usan controladores de confirmación previa. Los controladores de confirmación previa se usan durante la navegación del mismo documento a través del NavigateEvent.intercept() método , para:

  • Modifique o cancele la navegación en vuelo.
  • Realice el trabajo mientras la navegación está en curso y antes de confirmarla.

Vea también:

El dropEffect valor se conserva de dragover a eventos drop

Cuando se usa la API Arrastrar y colocar, el último dataTransfer.dropEffect valor que se estableció durante un dragover evento ahora se conserva y está disponible durante el evento posterior drop .

Anteriormente, Microsoft Edge superaba el dropEffect valor con su propia operación negociada antes de que se desencadenara el drop evento, en contra de la especificación.

Vea también:

Claves enlazadas al explorador en la API de confirmación de pago seguro

La API de confirmación de pago seguro ahora puede mantenerse al día con la sincronización de las claves de acceso y los requisitos del dispositivo para los pagos en línea. La característica Claves enlazadas al explorador agrega el enlace de dispositivos en el explorador para habilitar escenarios de pago en los que se requiere el enlace de dispositivos.

Esta característica ayuda a cumplir los requisitos de enlace de dispositivos para transacciones de pago.

Vea también:

confidence campo para detectar entradas representativas de rendimiento de tiempo de navegación

El nuevo confidence campo del PerformanceNavigationTiming objeto permite detectar si una entrada de rendimiento de tiempo de navegación es representativa del rendimiento de la aplicación web o si el rendimiento puede haberse visto afectado por factores externos, como un inicio en frío del explorador o una carga alta del sistema.

Cuando se inicia por primera vez el explorador, realiza muchas tareas de inicialización costosas que compiten por los recursos del sistema. Las extensiones del explorador también pueden afectar al rendimiento, ya que algunas extensiones ejecutan código adicional en cada página web que visita el usuario, lo que aumenta el uso de la CPU y ralentiza los tiempos de respuesta. Del mismo modo, cuando una máquina ya está ocupada con tareas intensivas, una página web podría cargarse más lentamente.

Estos factores dificultan la detección confiable de si existe un problema de rendimiento dentro del código de la aplicación web.

El confidence campo proporciona una manera de identificar las entradas de rendimiento de tiempo de navegación que tienen más probabilidades de ser representativas del rendimiento de la aplicación web.

Vea también:

Credenciales de sesión enlazadas a dispositivos

Las credenciales de sesión enlazadas a dispositivos proporcionan una manera de que un sitio web enlace de forma segura una sesión de usuario a un único dispositivo, con el fin de reducir el riesgo de robo de sesión.

Las credenciales de sesión enlazadas a dispositivos hacen que la web sea más segura para los usuarios, ya que dificulta el abuso de la identidad del usuario.

Vea también:

Características en desuso o eliminadas

Quitar compatibilidad con la extensión bitmap para insertar JPEG o PNG

La compatibilidad con la inserción de datos de imágenes JPEG o PNG en un formato de imagen de mapa de bits no es estándar y se ha quitado.

Use imágenes PNG o JPEG directamente, en lugar de insertarlas dentro de un formato de imagen BMP.

Pruebas de origen en Microsoft Edge

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 obtener más información sobre las pruebas de origen, consulte Probar las API y características experimentales mediante las pruebas de origen.

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().

pruebas de origen de Chromium

A continuación se muestran las pruebas de origen Chromium activas que puede probar en Microsoft Edge.

Para obtener la lista completa de las pruebas de origen de Chromium que están disponibles en Microsoft Edge, consulte Pruebas de origen de Microsoft Edge.

SharedArrayBuffers en páginas no aisladas en plataformas de escritorio

Expira el 19 de mayo de 2026.

Se trata de una extensión temporal para el uso nogate de SharedArrayBuffer objetos en páginas web que no están aisladas entre orígenes.

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.

TextMetrics de lienzo mejorado

Expira el 11 de agosto de 2026.

Esta versión de prueba de origen 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:

API de escritor

Expira el 21 de abril de 2026.

La API writer se puede usar para generar texto a partir de un símbolo del sistema de escritura, respaldado por un modelo de lenguaje de inteligencia artificial en el dispositivo.

Use esta API para:

  • Genere una explicación textual de los datos estructurados.
  • Compose una publicación sobre un producto, basada en revisiones o una descripción del producto.
  • Generar una biografía basada en información de fondo.
  • Y mucho más.

Consulte también Resumir, escribir y reescribir texto con las API de asistencia para escritura.

API de reescritura

Expira el 21 de abril de 2026.

La API Rewriter transforma y vuelve a escribir texto de entrada de maneras solicitadas, respaldadas por un modelo de lenguaje de inteligencia artificial en el dispositivo.

Use esta API para quitar redundancias dentro del texto de entrada, con el fin de:

  • Ajuste el texto en un límite de palabras.
  • Retrase el texto para que se adapte a la audiencia prevista.
  • Sea más constructivo si el texto usa un lenguaje inadecuado.

Consulte también Resumir, escribir y reescribir texto con las API de asistencia para escritura.

Notificaciones de llamadas entrantes

Expira el 19 de mayo de 2026.

Esta característica amplía la API de notificaciones para permitir que un PWA instalado envíe notificaciones de llamada entrantes, que tienen botones con estilo de llamada y un tono de llamada.

Esta extensión ayuda a las aplicaciones web de voz a través de IP a crear experiencias más atractivas, ya que facilita a los usuarios reconocer una notificación de llamada y responder a ella.

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