Compartir a través de


Notas de la versión de la plataforma web de Microsoft Edge 135 (abril de 2025)

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

WebView2

Consulte notas de la versión para el SDK de WebView2.

Características de la plataforma web

Características de CSS

El ::column pseudo-elemento CSS representa las columnas individuales de un contenedor de varias columnas.

El contenedor se puede aplicar un estilo con una cantidad limitada de propiedades CSS.

Su contenedor de desplazamiento puede ajustar el contenedor mediante ::scroll-marker pseudoelementos.

Los ::scroll-marker pseudoelementos y ::scroll-markers-group permiten crear un conjunto de marcadores enfocables dentro de un contenedor de desplazamiento.

El conjunto de marcadores que se pueden centrar se usa para ajustar el contenedor de desplazamiento a posiciones específicas.

El ::scroll-button() pseudoelemento permite crear botones de desplazamiento como pseudoelementos de un contenedor de desplazamiento.

Los botones de desplazamiento se usan para desplazar el contenedor en la dirección del botón, cuando se hace clic en los botones de desplazamiento.

Estilo de pseudoelementos anidados

Ahora se pueden aplicar estilos a los pseudoelementos anidados dentro de otros pseudoelementos mediante ::before::marker y ::after::marker.

::column::scroll-marker: aún no es compatible

Css interactivity (propiedad)

La propiedad CSS interactivity especifica si un elemento y sus descendientes de árbol plano (incluidas las ejecuciones de texto) son inertes o no.

Hacer que un elemento sea inerte afecta a:

  • Si el elemento se puede centrar, editar, seleccionar y buscar en la página Buscar en.
  • Si el elemento está visible en el árbol de accesibilidad.
Propiedades de desbordamiento lógico css

Las overflow-inline propiedades y overflow-block CSS permiten establecer el desbordamiento en la dirección en línea y en bloque en relación con el modo de escritura.

  • En el modo de escritura horizontal, overflow-inline se asigna a overflow-x.
  • En el modo de escritura vertical, overflow-inline se asigna a overflow-y.
CSS abs() y sign() funciones

La abs(A) función devuelve el valor absoluto de A, como el mismo tipo que la entrada. El tipo de valor devuelto es .<number>

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 de otra manera.

El tipo de valor devuelto es .<number>

Posicionamiento del delimitador CSS: desplazamiento de desplazamiento recordado

Cuando un elemento posicionado tiene un delimitador predeterminado y está anclado a este delimitador en un borde y en el bloque contenedor original en el otro borde, se tendrá en cuenta el desplazamiento del desplazamiento al ajustar el tamaño del elemento.

Tener en cuenta el desplazamiento de desplazamiento al ajustar el tamaño del elemento permite usar todo el espacio visible para el elemento delimitado (mediante position-area) cuando el documento se desplaza a un desplazamiento de desplazamiento determinado.

Para evitar cambiar el tamaño del elemento cada vez que se desplaza el documento, se usa el concepto "desplazamiento de desplazamiento recordado", en lugar de usar siempre el desplazamiento actual.

Función CSS shape()

La shape() función CSS permite usar formas de forma libre y con capacidad de respuesta en la clip-path propiedad .

Puede definir una serie de verbos, equivalentes a los verbos de la path() función.

Puede usar unidades con capacidad de respuesta, como % o vw.

Puede usar valores CSS, como propiedades personalizadas.

Funciones CSS progress()

Las progress()funciones , media-progress()y container-progress() representan la distancia proporcional de un valor determinado (el valor de progreso) de un valor (el valor de inicio del progreso) a otro valor (el valor final del progreso).

  • progress() permite dibujar una relación de progreso a partir de funciones matemáticas.
  • media-progress() permite dibujar una relación de progreso a partir de las características multimedia.
  • container-progress() permite dibujar una relación de progreso de las características de contenedor.
safe-area-max-inset-* Variables

Las safe-area-max-inset-topvariables de entorno , safe-area-max-inset-right, safe-area-max-inset-bottomy safe-area-max-inset-left están asociadas a las variables de conjunto de área segura, pero representan el área segura máxima posible.

El uso del área segura máxima posible es útil para evitar actualizar el diseño de una página cuando crece el valor de conjunto de área segura.

Características HTML

command y commandfor atributos HTML

Los command atributos y commandfor HTML de <button> los elementos permiten asignar el comportamiento a los botones de forma accesible y declarativa, a la vez que se reduce la frecuencia con la que se debe usar una página de JavaScript para proporcionar interactividad.

Cuando se hace clic, se toca o se activa a través de una tecla, un botón con los commandfor atributos y command envía un CommandEvent elemento en el elemento al que hace commandforreferencia , con algunos comportamientos predeterminados, como abrir diálogos y elementos emergentes.

El <link rel="facilitated-payment" href="..."> elemento actúa como una sugerencia que el explorador usa para notificar a los clientes de pago registrados sobre un pago push pendiente.

Compatibilidad con rel atributos y relList en elementos SVG <a>

La interfaz SVGAElement de SVG 2.0 permite manipular elementos SVG <a> , que son similares a los elementos delimitadores HTML. Este cambio agrega compatibilidad con los atributos y relList para mejorar la rel seguridad y la privacidad de las páginas web.

Este enfoque se alinea con el funcionamiento de los elementos delimitadores HTML y garantiza la coherencia y la facilidad de uso en SVG y HTML.

API web

Adición de compatibilidad con MediaStreamTrack a la API de voz web

Web Speech API es una API estándar web que permite incorporar el reconocimiento y la síntesis de voz en las páginas web.

Web Speech API usa el micrófono predeterminado del usuario como entrada de audio predeterminada. La compatibilidad con MediaStreamTrack permite que un sitio web use web Speech API para subtítulo otros orígenes de audio, incluidas las pistas de audio remotas.

Creación de un cliente de trabajo de servicio y hereda controlador de trabajo de servicio para iframe con srcdoc

Ahora se crea un cliente de trabajo de servicio para iframes que usan el srcdoc atributo . El cliente de trabajo de servicio creado hereda del trabajo de servicio del elemento primario del iframe.

Distribución de eventos de clic al puntero capturado

Si se captura un puntero mientras se envía el pointerup evento, el click evento se envía al destino capturado, en lugar de enviarse al antecesor común más cercano de pointerdown y pointerup eventos.

Float16Array

Ahora Float16Array se admite la matriz con tipo. Los valores numéricos se redondea al formato de punto flotante de precisión media (IEEE FP16) al escribir en una Float16Array instancia.

Prevención de seguimiento de HSTS

Mitiga el seguimiento de usuarios por parte de terceros a través de la caché de seguridad de transporte estricta (HSTS) HTTP.

Esta característica solo permite actualizaciones de HSTS para navegación de nivel superior y bloquea las actualizaciones de HSTS para las solicitudes de recursos secundarios. El bloqueo de dicha actualización de HSTS hace que sea inviable que los sitios de terceros usen la memoria caché de HSTS con el fin de realizar un seguimiento de un usuario en la web.

sourceElement propiedad para NavigateEvent

Cuando un elemento inicia una navegación por la página, como cuando el usuario hace clic en un vínculo o envía un formulario, el elemento resultante NavigateEvent ahora tiene una sourceElement propiedad que apunta al elemento iniciador.

Cambio de nombre de PerformanceNavigationTiming API NotRestoredReasons

La API NotRestoredReasons forma parte de la API PerformanceNavigationTiming. Este cambio actualiza los nombres de los motivos para que coincidan con la especificación.

Lista de cambios:

Nombre anterior Nuevo nombre
extension-messaging, pending-permission-request, not-main-frame, frame-navigating, timeout, , cookie-removedcookie-disabled, , printing, web-database, y injected-javascriptinjected-stylesheet masked
response-method-not-get request-method-not-get
serviceworker-version-activation serviceworker-version-activated
serviceworker-added-after-bfcache serviceworker-added
serviceworker-unregistration serviceworker-unregistered
unload-handler unload-listener
session-restored null
Observable API

Los observables son un paradigma popular de programación reactiva para controlar un flujo asincrónico de eventos basados en inserción. Los observables se pueden considerar promesas, pero para varios eventos. Los observables permiten escribir código de estilo más lineal y declarativo y evitar devoluciones de llamada anidadas. Es decir, observables permiten el control ergonómico de eventos, proporcionando un Observable objeto que representa el flujo asincrónico de eventos.

Puede "suscribirse" a este objeto para recibir eventos a medida que entran y llamar a cualquiera de sus operadores para describir mediante declaración el flujo de transformaciones a través del cual pasan los eventos. Esto contrasta con la versión imperativa , que a menudo requiere un anidamiento complicado con enfoques como addEventListener().

Consulte la especificación de W3C Observable.

La dirección URL del cliente de Service Worker ahora omite los history.pushState cambios.

La Client.url propiedad de un trabajo de servicio, que es la dirección URL del documento HTML inicial, ahora omite los cambios realizados por el history.pushState() método y otras API de historial similares.

Marcas de tiempo para marcos codificados rtc

Ahora se exponen las marcas de tiempo siguientes:

  • Marca de tiempo de captura: marca de tiempo en la que se capturó originalmente un marco.
  • Marca de tiempo de recepción: marca de tiempo cuando se recibió un marco.

Estas marcas de tiempo están presentes en fotogramas codificados en WebRTC que se transmiten a través de RTCPeerConnection.

Este cambio permite a las aplicaciones de videoconferencia que usan WebRTC implementar medidas de latencia para comprender mejor el rendimiento.

fetchLater API

fetchLater() es una API de JavaScript para enviar una solicitud de captura diferida. Una vez enviada la solicitud de captura diferida, el explorador pone en cola una solicitud diferida en un estado pendiente .

A continuación, la solicitud de captura diferida la invocan las primeras de las condiciones siguientes:

  • Cuando se destruye el documento.
  • Después de una hora especificada por el usuario.
  • Cuando el explorador decide que es el momento de enviar la solicitud.

La API devuelve un FetchLaterResult objeto que contiene el activated campo booleano. El activated campo booleano se puede actualizar para indicar si se ha enviado la solicitud diferida. Una vez que la solicitud diferida se ha enviado correctamente, el explorador omite la respuesta, incluidos el cuerpo y los encabezados de la página web.

highlightsFromPoint API

La highlightsFromPoint() API permite que las páginas web interactúen con elementos destacados personalizados de CSS, al detectar qué resaltados existen en un punto específico dentro de un documento.

Una aplicación web puede usar los resaltados de un punto para administrar las interacciones del usuario con resaltados personalizados, como:

  • Responder a un evento de puntero en una región resaltada para desencadenar una información sobre herramientas personalizada.
  • Al responder a un usuario, haga clic en una región resaltada para desencadenar un menú contextual.

Características en desuso y eliminadas

Remove ( navigator.xr.supportsSession método)

La propiedad en desuso navigator.xr.supportsSession se ha quitado de la API de WebXR.

En la especificación webXR de 2019, la navigator.xr.supportsSession propiedad se marcó como en desuso y se reemplazó por el navigator.xr.isSessionSupported() método .

Eliminación del límite de WebGPU maxInterStageShaderComponents

Ahora se quita el maxInterStageShaderComponents límite, debido a lo siguiente:

  • Redundancia con maxInterStageShaderVariables, que ya tiene un propósito similar: controlar la cantidad de datos que se pasan entre las fases del sombreador.

  • Discrepancias menores: aunque hay ligeras diferencias en la forma en que se calculan los dos límites, estas diferencias son menores y se pueden administrar eficazmente dentro del maxInterStageShaderVariables límite.

  • Simplificación: la eliminación maxInterStageShaderComponents simplifica la interfaz del sombreador y reduce la complejidad del uso de la interfaz. En lugar de administrar dos límites independientes (que se aplican simultáneamente, pero con diferencias sutiles), puede concentrarse en el más adecuado y completo maxInterStageShaderVariables.

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 más información sobre las pruebas de origen, consulte Uso de las pruebas de origen en Microsoft Edge.

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

Pruebas de origen solo de Microsoft Edge

Digital Goods API

Expira el 31 de marzo de 2025.

Digital Goods API permite a una aplicación web obtener información sobre sus productos digitales y las compras del usuario administradas por una tienda digital. El agente de usuario abstrae las conexiones a la tienda y la API de solicitud de pago se usa para realizar compras.

Web App LocalFolder Access

Expira el 31 de marzo de 2025.

Web App LocalFolder Access permite que una aplicación web progresiva (PWA) instalada en Microsoft Store acceda al contenido de archivo almacenado anteriormente en la carpeta WinRT ApplicationData.LocalFolder mediante una versión anterior de la aplicación.

Atributo de escritura a mano HTML+IDL

Expira el 14 de junio de 2025.

El handwriting atributo proporciona una manera por documento y por elemento de controlar dónde se permite la entrada de escritura a mano, como cuando se usa un lápiz óptico.

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.

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.