Compartir a través de

Notas de la versión de la plataforma web de Microsoft Edge 138 (junio de 2025)

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

WebView2

Vea 1.0.3296.44 (3 de junio de 2025) en Las notas de la versión archivadas del SDK de WebView2.

Características de la plataforma web

Características de CSS

Palabra clave de tamaño css stretch

La stretch palabra clave , para las propiedades de tamaño CSS como width y height, permite que un elemento crezca para rellenar exactamente el espacio disponible de su bloque contenedor. La stretch palabra clave de tamaño es similar al valor 100%, salvo que el tamaño resultante se aplica al cuadro de margen del elemento, en lugar de aplicarse al cuadro indicado por box-sizing.

La stretch palabra clave permite que el elemento mantenga sus márgenes, a la vez que sigue siendo lo más grande posible. Se trata de una versión sin fijar de -webkit-fill-available.

Vea también:

CSS abs() y sign() funciones

La abs(A) función devuelve el valor absoluto de A, del mismo tipo que la entrada:

  • Si el valor numérico de A es positivo o 0⁺, abs(A) genera A.
  • De lo contrario, abs(A) genera -1 * A.

La sign(A) función devuelve:

  • -1 si el valor numérico de A es negativo.
  • +1 si el valor numérico de A es positivo.
  • 0⁺ si el valor numérico de A es 0⁺.
  • 0⁻ si el valor numérico de A es 0⁻.

El tipo CSS devuelto es <number>, coherente con el tipo del cálculo de entrada.

Vea también:

Variable de entorno CSS para la escala de fuentes de nivel de sistema operativo

La preferred-text-scale variable de entorno CSS expone la escala de fuentes preferida de un usuario a CSS.

Anteriormente, no era práctico que una página detectara si el usuario había cambiado su tamaño de fuente preferido a través de las preferencias del sistema operativo.

Vea también:

CSS sibling-index() y sibling-count() funciones

sibling-index() y sibling-count() se pueden usar como enteros en valores de propiedad CSS para aplicar estilo a los elementos en función de su posición entre elementos del mismo nivel o del número total de elementos del mismo nivel. Estas funciones se pueden usar dentro de calc() expresiones o se pueden usar directamente como valores enteros.

Por ejemplo, puede usar la sibling-index() función dentro de una calc() expresión para establecer el margen izquierdo de un elemento de lista en función de su posición entre sus elementos relacionados:

li {
  margin-inline-start: calc(1rem * sibling-index());
}

Vea también:

Progreso de interpolación: función CSS progress()

La progress() función matemática CSS devuelve un <number> que representa la posición de un valor entre un valor de inicio de progreso y un valor final de progreso.

progress() puede ser útil en casos como la tipografía fluida.

Vea también:

API web

Visualización y escritura de las versiones preliminares de la API de asistencia para desarrolladores

Las API de aviso y las API de asistencia para escritura ahora están disponibles como versiones preliminares para desarrolladores en los canales Dev y Edge Canary.

Estas API le proporcionan acceso a un potente modelo de lenguaje pequeño, Phi-4-mini, integrado en el explorador Edge.

Use estas API para probar la ingeniería de mensajes, resumir y modificar el contenido o generar texto.

Vea también:

Nuevos prefetchCache valores y prerenderCache para el Clear-Site-Data encabezado

El Clear-Site-Data encabezado HTTP ahora admite los valores nuevos prefetchCache y prerenderCache .

Anteriormente, la única manera de borrar la captura previa y la caché de representación previa era usando cache el valor del Clear-Site-Data encabezado HTTP. Con la mayor adopción de la API de reglas de especulación, los desarrolladores necesitan una manera específica de borrar la caché de captura previa o de representación previa, o ambas, sin interrumpir otra información de sesión, como el historial o las cookies.

Vea también:

Metadatos de orientación de fotogramas de vídeo en WebCodecs

Varias interfaces relacionadas con vídeo en WebCodecs ahora tienen rotation valores y flip :

  • La VideoFrame interfaz ahora puede crear instancias de objeto que tienen valores arbitrarios rotation y flip .
  • El VideoDecoderConfig objeto ahora tiene rotation campos y flip que se emiten automáticamente en objetos descodificados VideoFrame .
  • La VideoEncoder clase ahora tiene un mecanismo para pasar rotation e flip información de encode() a la VideoDecoderConfig que se emite como parte de EncodedVideoChunkMetadata.

Anteriormente, los desarrolladores no tenían forma de saber cuándo recibían fotogramas de vídeo que tenían una orientación no predeterminada.

Vea también:

Nuevos is_top_level campos y visibility_state en informes de Crash Reporting API

Los informes de bloqueo que la API de informes de bloqueo envía a los puntos de conexión predeterminados ahora tienen los is_top_level campos de cadena y visibility_state .

Los is_top_level campos y visibility_state son bits contextuales de información sobre los fotogramas bloqueados en un informe de bloqueo.

Vea también:

No permitir la representación previa de texto sin formato a través de HTTP

Para que la representación previa sea coherente con la captura previa, la representación previa de texto sin formato ahora solo funciona a través de HTTPS.

Anteriormente, se permitía la representación previa de texto sin formato en las conexiones HTTP y HTTPS.

Vea también:

Escape < y > en atributos HTML al serializar

Los < caracteres y > de los valores de atributo de elemento HTML ahora tienen escape al serializar HTML. Esto mitiga el riesgo de ataques XSS de mutación, que se producen cuando el valor de un atributo se interpreta como un token de etiqueta de inicio después de serializarse y volver a analizarse.

Integrity-Policy encabezado para la integridad del subrecurso de scripts

El nuevo Integrity-Policy encabezado le permite afirmar que todos los recursos de un tipo determinado deben comprobarse con integridad. Si se intenta cargar un recurso del tipo especificado sin metadatos de integridad, se produce un error en ese intento y se genera un informe de infracción.

Vea también:

Cuota de almacenamiento notificada predecible

La cuota de almacenamiento notificada por el método de estimate() StorageManager para los sitios que no tienen permisos de almacenamiento ilimitados es ahora la misma en todos los modos de exploración.

Esto mitiga un problema en el que anteriormente era posible detectar el modo de exploración de un usuario a través de la cuota de almacenamiento notificada, ya que el espacio de almacenamiento disponible es significativamente menor en modo InPrivate que en modo normal.

La cuota notificada ahora es igual al uso de almacenamiento actual más el valor mínimo entre 10 GiB y el tamaño del disco del dispositivo redondeado hasta el 1 GiB más cercano, en todos los modos de exploración, para sitios con permisos de almacenamiento limitados.

Los sitios que tienen permisos de almacenamiento ilimitados no se ven afectados.

Vea también:

pushsubscriptionchange evento al volver a enviar

El pushsubscriptionchange evento lo desencadena un trabajador del servicio cuando se vuelve a conceder un permiso de notificación a un origen, después de que se revocara la suscripción de inserción anterior del origen debido a un cambio de permiso (de granted a deny o default).

El evento se desencadena con un valor vacío oldSubscription y newSubscription.

Vea también:

Reglas de especulación: target_hint campo

La sintaxis de las reglas de especulación se ha ampliado para permitirle especificar el target_hint campo. El target_hint campo proporciona una sugerencia para que el explorador sepa dónde se mostrará un destino representado previamente, como en una nueva pestaña o ventana.

Por ejemplo, cuando _blank se especifica como una sugerencia, se puede representar una página representada previamente en una ventana abierta por window.open().

target_hint actualmente admite las _self cadenas y _blank . Si no se especifica la sugerencia, se trata como _self.

El target_hint campo no tiene ningún efecto en las reglas de especulación previa.

Vea también:

API de enumeración de segmentos de ventanilla

La API de enumeración Viewport Segments le permite adaptar el diseño del sitio web a los dispositivos plegables de destino.

Un segmento de ventanilla define la posición y las dimensiones de una región lógicamente independiente de la ventanilla. Se crea un segmento de ventanilla cuando la ventanilla se divide entre una o varias características de hardware (como un pliegue o una bisagra entre pantallas independientes) que actúan como divisor.

Los segmentos son las regiones de la ventanilla que se pueden tratar como lógicamente distintas.

Vea también:

Extensiones de ámbito de aplicación web

El nuevo "scope_extensions" campo de manifiesto de aplicación web permite que una aplicación web extienda su ámbito a otros orígenes.

Ejemplo de uso:

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

El scope_extensions campo permite que un sitio que controla varios subdominios y dominios de nivel superior se presente como una sola aplicación web.

El scope_extensions campo requiere orígenes enumerados para confirmar la asociación con la aplicación web mediante un .well-known/web-app-origin-association archivo de configuración:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

Vea también:

Características eliminadas

La eliminación de intervalos asincrónicos para extensiones de origen multimedia ahora produce excepciones.

Se han realizado los siguientes cambios en la especificación Media Source Extensions para no permitir el comportamiento definido ambiguamente que implica eliminaciones de intervalos asincrónicas:

  • SourceBuffer.abort() ya no anula las SourceBuffer.remove() operaciones.
  • La configuración MediaSource.duration ya no puede truncar los medios almacenados actualmente en búfer.

Aunque estos cambios se realizaron hace mucho tiempo y Safari y Firefox ya los han implementado, Chromium aún no lo había hecho. Ahora se producirán excepciones en ambos casos.

Vea también:

Eliminación de la reserva automática de SwiftShader

Anteriormente, si no se podía crear un contexto WebGL con la GPU disponible, Chromium revertiría automáticamente al uso del representador de software SwiftShader. Este comportamiento de reserva automática ahora se quita y la creación del contexto WebGL ahora producirá un error en lugar de revertir a SwiftShader.

SwiftShader supone riesgos de seguridad y conduce a una experiencia de usuario deficiente al revertir de un WebGL con respaldo de GPU de alto rendimiento a una implementación respaldada por CPU.

SwiftShader sigue siendo una herramienta útil para realizar pruebas sin cabeza en un sitio. Este caso de uso sigue siendo compatible con la participación, lo que puede hacer mediante la ejecución de Microsoft Edge con el argumento de línea --enable-unsafe-swiftshader de comandos.

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

Acceso de aplicación web a LocalFolder

Expira el 31 de julio de 2025

Permite que los PWA instalados desde Microsoft Store accedan al contenido del archivo almacenado anteriormente en la carpeta WinRT ApplicationData.LocalFolder por una versión anterior de UWP de la misma aplicación.

Extensiones de ámbito de aplicación web

Expira el 31 de agosto de 2025

scope_extensions es un nuevo miembro del 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": "/"
  }
}
API de información de adquisición

Expira el 30 de junio de 2025.

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

Desuso del contraste alto de MS

Expira el 9 de septiembre de 2025.

Habilita la consulta de medios 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 los desarrolladores indicar directamente a un lector de pantalla qué leer. En el escenario más sencillo, llame al ariaNotify("foo") documento o a un elemento .

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

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