Chrome 126

Fecha de lanzamiento estable: 11 de junio de 2024

A menos que se indique lo contrario, los siguientes cambios se aplican a la versión del canal estable de Chrome 126 para Android, ChromeOS, Linux, macOS y Windows.

CSS

Transiciones de vista entre documentos para las navegaciones del mismo origen

Antes, tenías que rediseñar tu sitio web a una SPA para usar la API de transiciones de vistas. Sin embargo, ya no es así. Las transiciones de vistas ahora están habilitadas de forma predeterminada para las navegaciones del mismo origen. Puedes crear una transición de vistas entre dos documentos diferentes que tengan el mismo origen.

Para habilitar una transición de vista entre documentos, se debe habilitar la opción en ambos extremos. Para ello, usa la regla at @view-transition y establece el descriptor navigation en auto.

@view-transition {
  navigation: auto;
}

Las transiciones de vista entre documentos usan los mismos principios y componentes básicos que las transiciones de vistas del mismo documento. Se capturan los elementos que tienen un view-transition-name aplicado, y puedes personalizar las animaciones con animaciones de CSS.

Transiciones más fluidas con la API de View Transition | Error de seguimiento #1372584 | Entrada de ChromeStatus.com | Especificaciones

APIs web

Extensión de ruido de activador de la API de Gamepad

Extiende la interfaz GamepadHapticActuator para exponer la capacidad de ruido del activador en la Web para controles de juegos compatibles. Esta extensión permitirá que las aplicaciones web que aprovechan la API de Gamepad también hagan vibrar los activadores de los dispositivos de controles de juegos que vienen equipados con esta funcionalidad.

Error de seguimiento #40834175 | Entrada de ChromeStatus.com | Especificaciones

Apps web con pestañas de ChromeOS

Las AWP de una ventana independiente solo pueden tener una página abierta a la vez. Algunas apps esperan que los usuarios tengan muchas páginas abiertas al mismo tiempo. El modo con pestañas agrega una barra de pestañas a las apps web independientes en ChromeOS que permite abrir varias pestañas a la vez.

La función agrega un nuevo modo de visualización de "tabbed" y un nuevo campo de manifiesto para permitir las personalizaciones de la barra de pestañas.

Error de seguimiento #40598974 | Entrada de ChromeStatus.com | Especificaciones

Método toJSON() para GeolocationCoordinates y GeolocationPosition

Agrega métodos .toJSON() a las interfaces GeolocationCoordinates y GeolocationPosition. Esto permite la serialización de estos objetos con JSON.stringify().

Entrada de ChromeStatus.com

Superinterfaz de WebGLObject Web IDL

Esta función expone el tipo WebGLObject en los mismos contextos en los que se expone la API de WebGL: en el subproceso principal y los trabajadores.

Entrada de ChromeStatus.com | Especificaciones

Volver a habilitar la API de CloseWatcher y cerrar las solicitudes para <dialog> y popover=""

La API de CloseWatcher permite controlar las solicitudes de cierre, como la clave ESC en plataformas de escritorio o el gesto o botón atrás en Android, de manera uniforme. Originalmente, esta función se envió en Chrome 120, pero se inhabilitó debido a una interacción inesperada con <dialog>. Se volvió a habilitar en Chrome 126 después de realizar algunas mejoras en su comportamiento para minimizar los problemas que se observan.

Demostración | Seguimiento del error #1171318 | Entrada de ChromeStatus.com

API de Attribution Reporting: Política de URLs de referencia para solicitudes attributionsrc

Las solicitudes attributionsrc se tratan como otros subrecursos de la página.

Anteriormente, cuando se llamaba a la API mediante la atribución attributionsrc como parte de varios elementos HTML (como <img>, <script>, <a> o window.open), se ignoraba el atributo de la política de URL de referencia a nivel del recurso establecido en el elemento <html>.

Con este cambio, la solicitud attributionsrc ahora aplicará la misma política de URL de referencia a nivel de recurso establecida en <img>, <script>, <a> o window.open.

Esto les permite a las tecnologías publicitarias tener más control sobre si desean o no ser más o menos restrictivas con respecto a la información de referencia en sus solicitudes de attributionsrc.

Entrada de ChromeStatus.com

Contenido multimedia

Compatibilidad de contenedor MP4 para MediaRecorder

Se agregó compatibilidad con la combinación de audio y video en contenedores de MP4 con MediaRecorder.

MediaRecorder | Entrada de ChromeStatus.com | Especificaciones

Parámetros signal y application de OpusEncoderConfig

Los parámetros OpusEncoderConfig.signal y OpusEncoderConfig.application se asignan directamente a los controles de codificador específicos de la implementación. Esto permite a los autores web proporcionar sugerencias sobre qué tipo de datos se codifican y en qué contexto se usan.

signal puede ser "auto", "music" o "voice". Configura el codificador para obtener el mejor rendimiento en la codificación del tipo de datos especificado. application puede ser "voip", "audio" o "lowdelay". Configura el codificador para favorecer la inteligibilidad de voz, la reproducción fiel de la entrada original o la latencia mínima.

Entrada de ChromeStatus.com | Especificaciones

JavaScript

Compatibilidad con visualViewport onscrollend

El evento de JavaScript scrollend se activa para indicar que una operación de desplazamiento llegó a su fin.

La interfaz visualViewport incluye un controlador de evento onscrollend que debe invocarse cuando finaliza una operación de desplazamiento en visualViewport. Chrome ya admite la adición de un objeto de escucha de eventos de desplazamiento a través de visualViewport.addEventListener("scrollend"). Esto permite agregar también un objeto de escucha de eventos mediante visualViewport.onscrollend.

Error de seguimiento #325307785 | Entrada de ChromeStatus.com

Privacidad

Alinear navigator.cookieEnabled con la especificación

Actualmente, navigator.cookieEnabled indica si "el usuario-agente intenta manejar cookies" en un contexto determinado. Un cambio en Chrome, el envío como parte de la baja de las cookies de terceros (3PCD), haría que indicara si es posible acceder a cookies no particionadas (lo que provocaría que el resultado sea falso en la mayoría de los iframes entre sitios). Deberíamos restablecer el comportamiento anterior de navigator.cookieEnabled, que indicaba solo si las cookies estaban habilitadas o inhabilitadas para el sitio, y depender de la función de varios proveedores document.hasStorageAccess para indicar si es posible acceder a cookies no particionadas.

Error de seguimiento #335553590 | Entrada de ChromeStatus.com | Especificaciones

Accesibilidad

Compatibilidad con el framework de accesibilidad Automatización de la interfaz de usuario en Windows

Las aplicaciones asistivas modernas en Microsoft Windows usan el framework de accesibilidad Automatización de la interfaz de usuario de la plataforma para interoperar con las interfaces de usuario de otras aplicaciones. Hasta ahora, Chromium era compatible con los marcos anteriores de Microsoft Active Accessibility (MSAA) y Iacces2 (IA2) para este fin, lo que generaba problemas con las herramientas de accesibilidad en Windows.

Para resolver este problema, Microsoft trabajó con el equipo de Chrome para brindar compatibilidad con el framework de automatización de IU (UIA) en Windows directamente, lo que facilita que las herramientas de accesibilidad se comuniquen con el navegador. Comenzaremos el lanzamiento gradual y estable a partir de la versión 126 de Chrome. Esto permitirá que el Acceso por voz funcione en todos los navegadores basados en Chromium y mejorará la experiencia del usuario para todas las herramientas de accesibilidad basadas en UIA, como Narrador y Lupa.

Presentación de la compatibilidad con IUA en Windows

Nuevas pruebas de origen

FedCM como indicador de confianza para la API de Storage Access

Concilia las APIs de FedCM y de acceso al almacenamiento mediante una concesión de FedCM anterior que otorga un motivo válido para aprobar de forma automática una solicitud de acceso al almacenamiento.

Cuando un usuario otorga permiso para usar su identidad con un proveedor de identidad (IdP) de terceros en un usuario de confianza (RP), muchos IdP requieren cookies de terceros para funcionar de forma correcta y segura. El objetivo de esta propuesta es cumplir con ese requisito de forma privada y segura mediante la actualización de las verificaciones de permisos de la API de acceso al almacenamiento (SAA) para que no solo acepten el otorgamiento de permisos que se otorga mediante una solicitud de acceso al almacenamiento, sino también el otorgamiento de permisos que brinda una solicitud de FedCM.

Una propiedad clave de este mecanismo es limitar el otorgamiento a los casos permitidos explícitamente por el RP a través de la política de permisos de FedCM, aplicar un control por fotograma para la RP y evitar la vigilancia pasiva por parte del IdP más allá de las capacidades que ya otorga FedCM.

Prueba de origen | Explicación | Entrada de ChromeStatus.com

Inhabilitación de vistas previas de contenido multimedia

Esta prueba de origen inversa excluye sitios del lanzamiento de las Vistas previas de contenido multimedia.

Chrome proporcionará vistas previas en tiempo real de la entrada de la cámara y el micrófono cuando los sitios web soliciten los permisos correspondientes. Estos también estarán disponibles en pageinfo del sitio.

Además, los usuarios con varios dispositivos podrán seleccionar una cámara y un micrófono en el momento en que se soliciten los permisos, a menos que el sitio haya solicitado un dispositivo específico a través de getUserMedia().

Prueba de origen | Error de seguimiento #330762482 | Entrada de ChromeStatus.com

FedCM: API de Continuation, API de Parameters, API de Fields, varias configURLs y etiquetas de cuenta personalizadas

Los desarrolladores pueden comenzar a participar en una prueba de origen para un paquete de funciones de FedCM para computadoras que puede incluir autorización. El paquete consta de la API de Continuation de FedCM, la API de Parameter, la API de Fields, varias configURLs y las etiquetas de cuenta personalizadas. Esto permite una experiencia similar a un flujo de autorización de OAuth que implica un diálogo de permiso proporcionado por IdP.

Error de seguimiento #40262526 | Entrada de ChromeStatus.com

Control de permisos incorporado en la página

Proporciona un nuevo elemento HTML que interactúe con el flujo de permisos.

Actualmente, la solicitud de permiso se activa directamente desde JavaScript sin que el usuario-agente tenga un indicador claro de la intención del usuario. Tener un elemento en el contenido que el usuario usa para activar el flujo de permisos permite una mejor UX de solicitud de permiso para los usuarios, así como una ruta de recuperación del estado de permiso "denegado" para los sitios.

Entrada de ChromeStatus.com

Bajas y eliminaciones

Vuelve a descargar y quita la sintaxis “assert” de la aserción de importación

La palabra clave assert dejó de estar disponible y se reemplazó por la nueva with en la sintaxis del atributo de importación.

Es decir, import m from 'foo' assert { type: 'json' } ahora arrojará un SyntaxError y los desarrolladores deben cambiar a import m from 'foo' with { type: 'json' }.

Entrada de ChromeStatus.com | Especificaciones

Lecturas adicionales

¿Buscas más? Consulta estos recursos adicionales.

Descargar Google Chrome

Descarga Chrome para Android, computadoras o iOS.