Nota
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
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
- WebView2
-
Características de la plataforma web
-
Características de CSS
-
Widget de carrusel CSS:
::column
pseudo-elemento -
Widget de carrusel CSS:
::scroll-marker
y::scroll-marker-groups
pseudoelementos -
Widget de carrusel CSS:
::scroll-button()
pseudo-elemento - Estilo de pseudoelementos anidados
-
Css
interactivity
(propiedad) - Propiedades de desbordamiento lógico css
-
CSS
abs()
ysign()
funciones - Posicionamiento del delimitador CSS: desplazamiento de desplazamiento recordado
-
Función CSS
shape()
-
Funciones CSS
progress()
-
safe-area-max-inset-*
Variables
-
Widget de carrusel CSS:
- Características HTML
-
API web
- Adición de compatibilidad con MediaStreamTrack a la API de voz web
-
Creación de un cliente de trabajo de servicio y hereda controlador de trabajo de servicio para iframe con
srcdoc
- Distribución de eventos de clic al puntero capturado
- Float16Array
- Prevención de seguimiento de HSTS
-
sourceElement
propiedad paraNavigateEvent
- Cambio de nombre de PerformanceNavigationTiming API NotRestoredReasons
- Observable API
-
La dirección URL del cliente de Service Worker ahora omite los
history.pushState
cambios. - Marcas de tiempo para marcos codificados rtc
- fetchLater API
- highlightsFromPoint API
- Características en desuso y eliminadas
-
Características de CSS
- Pruebas de origen
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
Widget de carrusel CSS: ::column
pseudo-elemento
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.
Widget de carrusel CSS: ::scroll-marker
y ::scroll-marker-groups
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.
Widget de carrusel CSS: ::scroll-button()
pseudo-elemento
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 aoverflow-x
. - En el modo de escritura vertical,
overflow-inline
se asigna aoverflow-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-top
variables de entorno , safe-area-max-inset-right
, safe-area-max-inset-bottom
y 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 commandfor
referencia , con algunos comportamientos predeterminados, como abrir diálogos y elementos emergentes.
Vínculo rel=facilitated-payment
para admitir pagos push
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-removed cookie-disabled , , printing , web-database , y injected-javascript injected-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 completomaxInterStageShaderVariables
.
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.