Cursos
Ruta de aprendizaje
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization
Este explorador ya no se admite.
Actualice a Microsoft Edge para aprovechar las características y actualizaciones de seguridad más recientes, y disponer de soporte técnico.
A continuación se muestran las nuevas características y actualizaciones de la plataforma web en Microsoft Edge 134, que se publica el 6 de marzo de 2025.
Para mantenerse al día y obtener las características más recientes de la plataforma web, descargue una versión insiders de Microsoft Edge, como Canary, Dev o Beta; consulte Convertirse en un insider de Microsoft Edge.
Contenido detallado:
<select>
application-title
metaetiqueta para aplicaciones web instaladasconsole.timeStamp
API para admitir medidas y opciones de presentacióngetContextAttributes
imageSmoothingQuality
CSS Painting APIfetchLater()
Para Edge DevTools, consulte Novedades de Microsoft Edge DevTools.
Para WebView2, consulte notas de la versión del SDK de WebView2.
El límite de informes agregable cuando el identificador de contexto del desencadenador no es null se quita de la API de informes de atribución.
Consulte Api de informes de atribución en MDN.
Con la herencia de resaltado css, las pseudo-clases como ::selection
y ::highlight
ahora heredan sus propiedades a través de la cadena de pseudo resaltado, en lugar de la cadena de elementos. El resultado es un modelo más intuitivo para la herencia de propiedades en resaltados.
Cuando la cascada no asigna un valor a ninguna propiedad admitida, su valor especificado viene determinado por la herencia del pseudo-elemento resaltado correspondiente del elemento primario de su elemento de origen.
Consulte CSS Custom Highlight API en MDN.
La dynamic-range-limit
propiedad CSS permite que una página limite el brillo máximo del contenido HDR.
Con esta propiedad, las páginas web que muestran imágenes HDR pueden limitar su brillo cuando se ven en una galería de imágenes y solo aumentan el brillo de la interacción del usuario, por ejemplo al mantener el mouse.
El elemento personalizable <select>
permite a los desarrolladores tomar el control completo de la representación del elemento agregando la appearance: base-select
declaración CSS.
Esta característica se basa actualmente en la SelectParserRelaxation
marca , que cambia el analizador HTML para permitir más etiquetas dentro de la <select>
etiqueta. Los sitios que incluyen etiquetas adicionales dentro <select>
de las cuales se quitaban antes, como <span>
elementos, o que incluyen un número extremadamente grande de <option>
elementos pueden verse afectados por SelectParserRelaxation
.
Consulte Elemento Select personalizable (explicador).
Esta característica agrega el comportamiento de descarte ligero de la API de Popover a los <dialog>
elementos.
Descartar la luz significa cerrar el <dialog>
elemento haciendo clic o pulsando fuera del elemento.
Un nuevo closedby
atributo controla el comportamiento:
<dialog closedby="none">
: no se ha cerrado ningún cuadro de diálogo desencadenado por el usuario.<dialog closedby="closerequest">
: al presionar Esc (u otro desencadenador de cierre), se cierra el cuadro de diálogo.<dialog closedby="any">
: el usuario que hace clic fuera del cuadro de diálogo o presiona Esc, cierra el cuadro de diálogo. Similar al popover=auto
comportamiento.El <meta name="application-title">
elemento permite a los desarrolladores de aplicaciones web instaladas establecer el texto que aparece en la barra de título de la ventana de la aplicación instalada. De forma predeterminada, si falta el application-title
metanombre, en su lugar se usa el texto contenido en el elemento HTML <title>
.
Consulte Otros nombres, en Standard nombres de metadatos, en MDN.
En Document-Policy, el expect-no-linked-resources
punto de configuración permite a un documento sugerir al explorador que optimice mejor su secuencia de carga, por ejemplo, al no usar el comportamiento de análisis especulativo predeterminado.
Los exploradores han implementado el análisis especulativo de HTML para capturar especulativamente los recursos que están presentes en el marcado HTML, para acelerar la carga de páginas. Para la gran mayoría de las páginas web que tienen recursos declarados en el marcado HTML, la optimización es beneficiosa y el costo que se paga al determinar dichos recursos es un equilibrio sólido. Sin embargo, los siguientes escenarios pueden dar lugar a un equilibrio de rendimiento sub-óptimo frente al tiempo explícito dedicado a analizar HTML para determinar los recursos secundarios que se van a capturar:
El expect-no-linked-resources
Document-Policy sugiere al explorador que el explorador tiene permiso para optimizar el tiempo dedicado a dicha determinación de sub-recursos.
Esta característica presenta la using
palabra clave a JavaScript, que permite a los desarrolladores administrar explícitamente los recursos. La using
palabra clave se usa para definir un bloque de código que usa un recurso y garantiza que el recurso se elimina cuando se cierra el bloque. Esta característica aborda un patrón común en el desarrollo de software con respecto a la duración y la administración de varios recursos (como memoria o E/S). Este patrón admite la asignación de recursos y la liberación explícita de recursos críticos.
Consulte Administración explícita de recursos de ECMAScript.
Esta característica amplía la console.timeStamp()
API, de forma compatible con versiones anteriores, para proporcionar un método de alto rendimiento para instrumentar aplicaciones y enviar datos de tiempo a la herramienta Performance en DevTools.
Las entradas de temporización que se agregan mediante esta API pueden tener una marca de tiempo personalizada, duración y opciones de presentación, como el color que se usará para la entrada en la herramienta Rendimiento .
Vea también:
Esta característica agrega el getContextAttributes()
método de la CanvasRenderingContext2D
interfaz a la OffscreenCanvasRenderingContext2D
interfaz.
Vea CanvasRenderingContext2D: método getContextAttributes() en MDN.
Permite que los autores de llamadas de Almacenamiento compartido personalicen el número de contribuciones por informe de agregación privada.
Esta característica permite a los autores de llamadas de Almacenamiento compartido configurar límites de contribución por contexto a través de un nuevo campo: maxContributions
. Los autores de llamadas establecen este campo para invalidar el número predeterminado de contribuciones por informe: se permitirán números más grandes y más pequeños. Debido al relleno, el tamaño de la carga útil de cada informe será aproximadamente proporcional al número elegido de contribuciones por informe.
Vea también:
Esta característica agrega compatibilidad con el imageSmoothingQuality
atributo en la PaintRenderingContext2D
interfaz. Esto le permite hacer equilibrios de calidad y rendimiento al escalar imágenes creadas mediante la API de pintura CSS. El imageSmoothingQuality
atributo admite tres opciones: baja, media y alta.
Vea también:
La característica WbGPU de subgrupos permite el paralelismo de SIMD. Mediante el uso de subgrupos, los subprocesos de un grupo pueden realizar operaciones colectivas. Esto proporciona una comunicación eficaz y un uso compartido de datos entre grupos de invocaciones. Estas operaciones se pueden usar para acelerar las aplicaciones, ya que reducen la sobrecarga de memoria en la que se incurre mediante la comunicación entre invocaciones.
Consulte WebGPU API en MDN.
El fetchLater()
método JavaScript solicita una captura diferida. Después de llamar a este método, el explorador pone en cola la solicitud de red y, a continuación, se invoca:
El método devuelve un FetchLaterResult
que contiene un campo booleano. El valor del campo booleano se actualiza cuando se ha enviado la solicitud diferida. Cuando la solicitud se envía correctamente, el explorador omite la respuesta, incluidos su cuerpo y encabezados.
Consulte Ventana: método fetch() en MDN.
Esta característica hace que la ejecución simultánea de los worklets de almacenamiento compartido sea más confiable mediante la integración de la API de bloqueos web en el almacenamiento compartido.
navigator.locks.request()
método está disponible para entornos de worklet.{withLock: <resource>}
.sharedStorage.batchUpdate(methods, options)
método permite ejecutar varios métodos modificadores de forma atómica mediante la withLock
opción . Esto permite que un sitio web mantenga la coherencia al actualizar los datos en varias claves de almacenamiento.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.
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.
Expira el 31 de marzo de 2025.
Permite que los Web Apps progresivos (PWA) instalados en Microsoft Store accedan al contenido de archivo almacenado anteriormente en la carpeta WinRT ApplicationData.LocalFolder
por una versión anterior de la aplicación para UWP.
Expira el 14 de junio de 2025.
Control por documento y por elemento pormenorizado sobre qué contenido debe permitir o no permitir la entrada de escritura a mano.
Expira el 30 de junio de 2025.
Admite la atribución de adquisición 3P para Web Apps progresivas (PWA) 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.
Cursos
Ruta de aprendizaje
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization