Compartir vía

Notas de la versión de la plataforma web de Microsoft Edge 140 (sep. 2025)

A continuación se muestran las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 140, que se publica el 4 de septiembre de 2025.

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 DevTools (Microsoft Edge 140).

WebView2

Consulte la versión 1.0.3485.44 (8 de septiembre de 2025) en las notas de la versión del SDK de WebView2.

Características de la plataforma web

Características de CSS

Css caret-animation (propiedad)

Microsoft Edge admite la animación de la caret-color propiedad CSS. Sin embargo, cuando se anima, el comportamiento de parpadeo predeterminado del símbolo de intercalación interfirió con la animación.

La caret-animation propiedad ahora admite dos valores:

  • auto: se produce el comportamiento de parpadeo predeterminado del explorador.
  • manual: se controla la animación de intercalación.

Vea también:

counter() y counters() en texto alternativo de la content propiedad CSS

Las counter() funciones y counters() CSS ahora se pueden usar en la parte de texto alternativo de la content propiedad CSS.

Por ejemplo:

::before {
  content: url("images/chapter-separator.png") / "Chapter" counter(chapter);
}

Vea también:

Css scroll-target-group (propiedad)

La scroll-target-group: auto propiedad CSS especifica que el elemento es un contenedor de grupos de marcadores de desplazamiento.

El explorador realiza un seguimiento del marcador de desplazamiento actual dentro de contenedores de grupos de marcadores de desplazamiento y permite aplicar estilo <a> a los elementos mediante la :target-current pseudoclase .

Por ejemplo, el siguiente fragmento de código muestra cómo resaltar automáticamente el capítulo visible actualmente dentro de una tabla de contenido:

<style>
  ol {
    right: 10px;
    top: 10px;
    position: fixed;
    scroll-target-group: auto;
  }

  a:target-current {
    color: red;
  }

  .chapter {
    height: 60vh;
    margin: 10px;
  }
</style>
<ol>
  <li><a href="#intro">Introduction</a></li>
  <li><a href="#ch1">Chapter 1</a></li>
  <li><a href="#ch2">Chapter 2</a></li>
</ol>
<div id="intro" class="chapter">Introduction content</div>
<div id="ch1" class="chapter">Chapter 1 content</div>
<div id="ch2" class="chapter">Chapter 2 content</div>

Vea también:

Aritmética con tipo CSS

La aritmética con tipo en CSS permite escribir expresiones como calc(10em / 1px) o calc(20% / 0.5em * 1px) obtener valores sin unidad. Los valores sin unidad pueden ser útiles para casos como la tipografía.

La aritmética con tipo CSS permite convertir valores con unidades en valores sin unidad. A continuación, puede usar el valor sin unidad en las propiedades CSS que aceptan números, o multiplicar aún más el valor sin unidad por un valor con otra unidad, como convertir un valor de píxeles en un valor grados.

Vea también:

  • Escriba Check inCSS Values and Units Module Level 4 (Comprobación del nivel 4 del módulo de unidades y valores CSS).
Visualización del cambio de tiempo de la promesa de transición finished

Anteriormente, la promesa de una transición de finished vista se resolvía después de que el explorador haya generado el marco visual que quita la transición de vista. Esto puede provocar parpadeos al final de la transición de vista, si el código JavaScript modifica los estilos.

Ahora se ha cambiado el tiempo de la finished promesa para solucionar este problema.

Vea también:

Transiciones de vista: se heredan más propiedades de animación

Ahora, los pseudoelementos de transición de vista heredan las siguientes propiedades de animación CSS:

  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state
  • animation-delay

Vea también:

Transiciones de vista anidadas

Las transiciones de vista anidadas permiten que las transiciones de vista generen un árbol de pseudoelementos anidado en lugar de un árbol de pseudoelementos plano, lo que permite que ciertas transiciones de vista aparezcan más como sus elementos originales.

Algunas características css se basan en la relación entre los elementos del árbol DOM, como:

  • Recorte de las overflowpropiedades , clip-patho border-radius .
  • Efectos 3D de las transformpropiedades , transform-styleo perspective .
  • Enmascaramiento y efectos de las opacitypropiedades , mask-imageo filter .

La salida visual de estos efectos depende de la estructura del árbol DOM y una transición de vista que aplana el árbol DOM puede hacer que estos efectos no funcionen según lo esperado.

Vea también:

font-variation-settings descriptor en @font-face reglas

@font-face las reglas ahora admiten la font-variation-settings propiedad .

La font-variation-settings propiedad permite ajustar el peso, el ancho, el inclinado y otros ejes de una fuente en elementos individuales. Ahora, la font-variation-settings propiedad también se puede usar en @font-face declaraciones de regla, lo que puede ayudar a reducir la repetición y facilitar la definición de estilos tipográficos.

Vea también:

API web

__Http-prefijos de nombre de cookie y __HostHttp-

Para distinguir, en el lado del servidor, entre las cookies establecidas por el servidor y el cliente, los __Http- prefijos de nombre y __HostHttp- ahora están disponibles en las cookies.

Estos prefijos se pueden usar para comprobar si se estableció una cookie en el lado cliente mediante código JavaScript, como para comprobar que el cliente no estableció inesperadamente una cookie establecida normalmente por el servidor.

Vea también:

overscroll-behavior propagación desde <html> a la ventanilla

Anteriormente, overscroll-behavior se propagaba desde a <body> la ventanilla de la página. La overscroll-behavior propiedad ahora se propaga desde el elemento raíz <html> a la ventanilla.

Esto alinea Microsoft Edge con otros exploradores.

Vea también:

min opción para ReadableStreamBYOBReader.read(view)

La min opción de la ReadableStreamBYOBReader.read(view) API le permite requerir que la secuencia espere hasta que haya al menos un número mínimo de elementos disponibles antes de resolver la operación de lectura.

La ReadableStreamBYOBReader.read(view) API permite proporcionar una vista de búfer en la que se leen los datos de flujo. La nueva min opción se puede usar para evitar resolver la operación de lectura de la secuencia con menos elementos de los que puede acomodar la vista, lo que resulta útil para aplicaciones que distinguen el rendimiento, donde los consumidores suelen requerir un número mínimo de elementos para poder continuar con la descodificación, el análisis u otra lógica de procesamiento.

Vea también:

container opción para scrollIntoView()

De forma predeterminada, la scrollIntoView() función desplaza cada antecesor del elemento que también es un contenedor de desplazamiento.

La scrollIntoView() función ahora admite una container opción, que se puede usar para desplazarse solo por el antecesor más cercano en su lugar.

Por ejemplo:

slideList.addEventListener('click', event => {
  // scrollIntoView will automatically determine the position.
  event.target.targetSlide.scrollIntoView({container: 'nearest', behavior: 'smooth'});
});

Vea también:

Tiempos de la API de enrutamiento estático de Service Worker

La nueva información de tiempo de la API de enrutamiento estático de Service Worker ya está disponible para las API de navegación y control de tiempo de recursos. Esta información le permite medir la latencia en la que incurre la API de enrutamiento estático, como el tiempo de evaluación del enrutador o el tiempo necesario para realizar la búsqueda en caché, o determinar si el origen coincidente es el origen final usado.

La nueva información de tiempo proporciona:

  • La ruta coincidente (la ruta que evaluó la API de enrutamiento estático).
  • Origen real del que se recuperó el recurso.
  • El tiempo que tardó en coincidir con la ruta.

Vea también:

El script SharedWorker hereda controladores para direcciones URL de blob

SharedWorker las instancias ahora heredan controladores para las direcciones URL de blob. Esto hace que Microsoft Edge sea coherente con otros exploradores.

Vea también:

Atributo ToggleEvent source de Popover

El source atributo de las instancias de ToggleEvent un elemento emergente ahora hace referencia al elemento que desencadenó , ToggleEventsi procede.

Por ejemplo, si el usuario hace clic en un <button> elemento con el popovertarget atributo o el commandfor atributo configurado para abrir una ventana emergente, el ToggleEvent atributo tiene un source atributo establecido en el botón de invocación.

Vea también:

Conversión de Uint8Array entre formatos base64 y hexadecimal

Uint8Array Los objetos tienen los siguientes métodos nuevos para convertir entre los formatos de datos Base64 y Hexadecimal:

  • Uint8Array.fromBase64()
  • Uint8Array.fromHex()
  • Uint8Array.prototype.toBase64()
  • Uint8Array.prototype.toHex()
  • Uint8Array.prototype.setFromBase64()
  • Uint8Array.prototype.setFromHex()

Vea también:

API highlightsFromPoint

La highlightsFromPoint API le permite interactuar con los resaltados personalizados mediante la detección de los resaltados que existen en un punto específico dentro de un documento.

La highlightsFromPoint API es útil para aplicaciones en las que varios resaltados pueden superponerse o existir dentro del DOM de sombra. Esta API permite administrar interacciones dinámicas que tienen resaltados personalizados de forma más eficaz, como responder a eventos de clics del usuario o mantener el puntero en regiones resaltadas, para desencadenar información sobre herramientas personalizadas, menús contextuales u otras características interactivas.

Vea también:

Características eliminadas

Se han quitado reglas de tamaño de fuente especiales para <h1> algunos elementos

Anteriormente, se aplicaban márgenes especiales y tamaños de fuente a <h1> los elementos anidados dentro de <article>los elementos , <aside>, <nav>y <section> .

Estas reglas especiales ahora se quitan, porque provocaron problemas de accesibilidad, como reducir visualmente el tamaño de fuente de los elementos anidados <h1> sin <h2> reflejar este cambio en el árbol de accesibilidad.

Vea también:

Pruebas de origen

A continuación se muestran las nuevas API experimentales que puede probar 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.

Pruebas de origen solo de Microsoft Edge

Extensiones de ámbito de aplicación web

Expira el 31 de agosto de 2025

scope_extensions es un nuevo miembro de manifiesto de aplicación web que permite a las aplicaciones web ampliar su ámbito a otros orígenes.

Las extensiones de ámbito permiten que las aplicaciones web que dependen de varios subdominios y dominios de nivel superior se presenten como una sola aplicación web.

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

Los orígenes que aparecen en el scope_extensions miembro deben confirmar que están asociados a la aplicación web, hospedando un archivo de configuración denominado .well-known/web-app-origin-association. El archivo debe mostrar el origen de la aplicación web:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}
Desuso del contraste alto de MS

Expira el 9 de septiembre de 2025.

La prueba de origen de desuso de contraste alto de MS habilita la consulta multimedia CSS -ms-high-contrast heredada y la propiedad heredada -ms-high-contrast-adjust .

Consulte Compatibilidad en desuso para -ms-high-contrast y -ms-high-contrast-adjust.

AriaNotify API

Expira el 14 de octubre de 2025.

La API AriaNotify permite a la aplicación indicar directamente a un lector de pantalla qué decir cuando hay un cambio no iniciado por el usuario en el contenido de una página web. En el escenario más sencillo, se llama en ariaNotify("foo") el documento o en un elemento.

Consulte Creación de una web más accesible con Aria Notify.

API de información de adquisición

Expira el 18 de diciembre de 2025.

La API de información de adquisición admite la atribución de adquisición de terceros para los PPA que se adquirieron a través de una tienda de aplicaciones o directamente desde el explorador.

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