![\"Lanzamiento](\"\/wp-content\/uploads\/2021\/09\/57118b24bf034d008bdc7437e0a952c1.png\")
<\/center>\n![\"Lanzamiento](\"\/wp-content\/uploads\/2021\/09\/a911bdb4398ed776a67765e2f8e23a4c.png\")
<\/center>\n![\"Lanzamiento](\"\/wp-content\/uploads\/2021\/09\/59e3250430d6bee471bbe0c2ba6ebfb8.png\")
<\/center>\n![\"Lanzamiento](\"\/wp-content\/uploads\/2021\/09\/2c4a26e76713da7c8dd40a0396c6b788.png\")
<\/center>\n- \n
- Se ha a\u00f1adido la API WebGPU, que sustituye a la API WebGL y proporciona medios para realizar operaciones en la GPU, como renderizado y c\u00e1lculos. Conceptualmente, WebGPU es similar a las APIs Vulkan, Metal y Direct3D 12. WebGPU se diferencia de WebGL de manera similar a como la API gr\u00e1fica Vulkan se diferencia de OpenGL, pero no se basa en ninguna API gr\u00e1fica espec\u00edfica, sino que act\u00faa como una capa universal que utiliza los mismos primitivos de bajo nivel que existen en Vulkan, Metal y Direct3D 12.\n
WebGPU proporciona a las aplicaciones en JavaScript herramientas para un control de bajo nivel sobre la organizaci\u00f3n, procesamiento y env\u00edo de comandos a la GPU, as\u00ed como la gesti\u00f3n de recursos relacionados, memoria, buffers, objetos de texturas y sombreadores gr\u00e1ficos compilados. Este enfoque permite lograr un mayor rendimiento en aplicaciones gr\u00e1ficas al reducir la sobrecarga y mejorar la eficiencia en el uso de la GPU. La API tambi\u00e9n permite crear complejos proyectos 3D para la web que funcionan tan bien como programas independientes, pero no est\u00e1n atados a plataformas espec\u00edficas. <\/p>\n
- Para aplicaciones PWA aisladas, se ha implementado la posibilidad de registrarse como manejadores de URL. Por ejemplo, la aplicaci\u00f3n music.example.com puede registrarse como manejador de la URL https:\/\/*.music.example.com y todas las transiciones desde aplicaciones externas a estos enlaces, como mensajeros y clientes de correo, abrir\u00e1n esta aplicaci\u00f3n PWA en lugar de una nueva pesta\u00f1a en el navegador.\n
- Se ha implementado el soporte para el nuevo c\u00f3digo de respuesta HTTP — 103, que puede ser utilizado para la salida proactiva de encabezados. El c\u00f3digo 103 permite informar al cliente sobre el contenido de ciertos encabezados HTTP inmediatamente despu\u00e9s de la solicitud, sin esperar a que el servidor complete todas las operaciones relacionadas con la solicitud y comience a entregar contenido. De esta manera, se pueden comunicar sugerencias sobre elementos relacionados con la p\u00e1gina que se est\u00e1n entregando, que pueden ser precargados (por ejemplo, se pueden proporcionar enlaces a los css y javascript utilizados en la p\u00e1gina). Al recibir informaci\u00f3n sobre estos recursos, el navegador comenzar\u00e1 a cargarlos sin esperar a que se complete la entrega de la p\u00e1gina principal, lo que permite reducir el tiempo total de procesamiento de la solicitud. <\/ul>\n
- Se ha a\u00f1adido la API WebCodecs para manipular flujos multimedia a bajo nivel, complementando las APIs de alto nivel HTMLMediaElement, Media Source Extensions, WebAudio, MediaRecorder y WebRTC. Esta nueva API puede ser \u00fatil en \u00e1reas como la transmisi\u00f3n de juegos, la aplicaci\u00f3n de efectos del lado del cliente, la recodificaci\u00f3n de flujos y el soporte de contenedores multimedia no est\u00e1ndar. En lugar de implementar c\u00f3decs individuales en JavaScript o WebAssembly, la API WebCodecs proporciona acceso a componentes de alto rendimiento listos para usar, integrados en el navegador. En particular, la API WebCodecs incluye decodificadores y codificadores de audio y video, decodificadores de im\u00e1genes y funciones para trabajar con cuadros individuales de video a bajo nivel.\n
- Se ha estabilizado la API Insertable Streams, que permite manipular flujos multimedia sin procesar (raw) transmitidos a trav\u00e9s de la API MediaStreamTrack, como los datos de la c\u00e1mara y el micr\u00f3fono, el resultado de la captura de pantalla o los datos intermedios de decodificaci\u00f3n del c\u00f3dec. Para representar cuadros sin procesar se utilizan interfaces WebCodec, tras lo cual se forma un flujo similar al que genera la API WebRTC Insertable Streams a partir de RTCPeerConnections. Desde un punto de vista pr\u00e1ctico, esta nueva API permite implementar funcionalidades como aplicar m\u00e9todos de aprendizaje autom\u00e1tico para identificar o anotar objetos en tiempo real o para a\u00f1adir efectos, como el recorte de fondo, antes de la codificaci\u00f3n o despu\u00e9s de la decodificaci\u00f3n del c\u00f3dec.\n
- Se ha estabilizado el m\u00e9todo scheduler.postTask(), permitiendo gestionar la programaci\u00f3n de la ejecuci\u00f3n de tareas (llamadas de retorno de JavaScript) con distintos niveles de prioridad. Se ofrecen tres niveles de prioridad: 1- ejecuci\u00f3n prioritaria, incluso si pueden bloquearse operaciones del usuario; 2 - se permiten cambios visibles para el usuario; 3 - ejecuci\u00f3n en segundo plano. Para cambiar la prioridad y cancelar tareas se puede utilizar el objeto TaskController.\n
- Se ha estabilizado y ahora se distribuye fuera de Origin Trials el API de Detecci\u00f3n de Inactividad para determinar la inactividad del usuario. Este API permite identificar el momento en que el usuario no interact\u00faa con el teclado\/rato, se ha activado el protector de pantalla, la pantalla est\u00e1 bloqueada o se est\u00e1 trabajando en otro monitor. La notificaci\u00f3n a la aplicaci\u00f3n sobre la inactividad se realiza a trav\u00e9s del env\u00edo de una notificaci\u00f3n una vez alcanzado el umbral de inactividad establecido.\n
- Se ha formalizado el proceso de gesti\u00f3n del color en objetos CanvasRenderingContext2D e ImageData y el uso de ellos en el espacio de color sRGB. Se ha proporcionado la posibilidad de crear objetos CanvasRenderingContext2D e ImageData en espacios de color distintos a sRGB, como Display P3, para aprovechar las capacidades avanzadas de los monitores modernos.\n
- En la API VirtualKeyboard se han a\u00f1adido m\u00e9todos y propiedades para gestionar la visualizaci\u00f3n y ocultaci\u00f3n del teclado virtual, as\u00ed como para obtener informaci\u00f3n sobre el tama\u00f1o del teclado virtual mostrado.\n
- En JavaScript, se ofrece a las clases la posibilidad de aplicar bloques est\u00e1ticos de inicializaci\u00f3n para agrupar el c\u00f3digo que se ejecuta una vez durante el procesamiento de la clase: class C { \/\/ El bloque se ejecutar\u00e1 al procesar la clase en s\u00ed static { console.log('Bloque est\u00e1tico de C'); } }\n
- En las propiedades CSS flex-basis y flex se han implementado las palabras clave content, min-content, max-content y fit-content para un control m\u00e1s flexible del tama\u00f1o del \u00e1rea principal de Flexbox.\n
- Se ha a\u00f1adido la propiedad CSS scrollbar-gutter para gestionar la reserva de espacio en pantalla para la barra de desplazamiento. Por ejemplo, cuando no se requiere desplazamiento del contenido, se puede ampliar la salida y ocupar el \u00e1rea de la barra de desplazamiento.\n
- Se ha a\u00f1adido la API Self Profiling con la implementaci\u00f3n de un sistema de perfilado que permite medir el tiempo de ejecuci\u00f3n de JavaScript del lado del usuario para depurar problemas de rendimiento en el c\u00f3digo JavaScript, sin tener que recurrir a manipulaciones manuales en la interfaz para desarrolladores web.\n
- Despu\u00e9s de eliminar el plugin Flash, se decidi\u00f3 devolver valores vac\u00edos en las propiedades navigator.plugins y navigator.mimeTypes, pero result\u00f3 que algunas aplicaciones las utilizaban para verificar la existencia de plugins para mostrar archivos PDF. Dado que Chrome cuenta con un visor de PDF integrado, a partir de ahora, las propiedades navigator.plugins y navigator.mimeTypes devolver\u00e1n una lista fija de plugins est\u00e1ndar y MIME tipos para visualizar PDF \u2014 'Visor de PDF, Visor de PDF de Chrome, Visor de PDF de Chromium, Visor de PDF de Microsoft Edge y PDF integrado de WebKit'.\n
- Se han realizado mejoras en las herramientas para desarrolladores web. Se han a\u00f1adido dispositivos Nest Hub y Nest Hub Max a la lista de simulaci\u00f3n de pantallas. En la interfaz de inspecci\u00f3n de actividad de red, se ha a\u00f1adido un bot\u00f3n para invertir filtros (por ejemplo, al establecer el filtro 'status-code: 404' se pueden ver r\u00e1pidamente todas las dem\u00e1s solicitudes), as\u00ed como proporcionar la posibilidad de ver los valores originales de los encabezados Set-Cookie (lo que permite evaluar la presencia de valores incorrectos que se eliminan durante la normalizaci\u00f3n). Se ha declarado obsoleta y se eliminar\u00e1 en una de las siguientes versiones la barra lateral en la consola web. Se ha a\u00f1adido una funci\u00f3n experimental para ocultar problemas en la pesta\u00f1a Issues. En la configuraci\u00f3n se ha incluido la opci\u00f3n de seleccionar el idioma de la interfaz.
![\"Lanzamiento](\"\/wp-content\/uploads\/2021\/09\/0199201d43db52675cad778e1add792b.png\")
<\/center> <\/ul>\n