Chrome 127

Fecha de lanzamiento estable: 23 de julio de 2024

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

CSS

font-size-adjust de CSS

La propiedad de CSS font-size-adjust proporciona una forma de modificar el tamaño de las letras minúsculas en relación con el tamaño de las letras mayúsculas, lo que define el tamaño general de la fuente. Esta propiedad es útil en situaciones en las que se puede producir un resguardo de fuente.

Chrome 127 incluye la sintaxis de dos valores para pasar una métrica de fuente y un valor.

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

Texto alternativo de varios argumentos en el contenido generado por CSS

La propiedad content de CSS te permite especificar texto alternativo para mejorar la accesibilidad con la siguiente sintaxis: css .has-before-content::before { content: url("cat.jpg") / "A cute cat"; }

Esta funcionalidad, en la que el texto alternativo se proporciona a través de una sola cadena, ya es compatible con Chrome. A partir de Chrome 127, el texto alternativo se puede proporcionar con una cantidad arbitraria de elementos, que, además de las cadenas, pueden ser funciones o contadores attr(). Por ejemplo:

.has-before-content::before {
  content: url("cat.jpg") / "A cute " attr(data-animal);
}

Ten en cuenta que esta entrada de función no incluye la adición de compatibilidad con contadores.

Entrada de ChromeStatus.com | Especificaciones

Compatibilidad con la API de View Transition en iframes

A partir de Chrome 127, estarán disponibles las transiciones simultáneas de vistas del mismo documento en un marco principal y en el iframe del mismo origen.

Anteriormente, la ejecución de una transición de vistas con document.startViewTransition en un iframe del mismo origen no funcionaba si el marco principal ejecutaba una transición al mismo tiempo. Se omitirá automáticamente la transición del iframe. Ahora se ejecutarán ambas transiciones.

También se admitirán las transiciones de visualización en las navegaciones entre documentos del mismo origen en un iframe.

Mejoras en el ajuste del tamaño del texto

La propiedad text-size-adjust ajusta los tamaños de fuente en dispositivos móviles. Los valores distintos de auto inhabilitan los ajustes automáticos del tamaño del texto. Los valores porcentuales aumentan el tamaño calculado del texto.

Esto hace que text-size-adjust sea más coherente, por lo que funciona como un multiplicador directo del tamaño de la fuente (y la altura de la línea). Los cambios principales son los siguientes:

  • text-size-adjust funciona con o sin una meta viewport.
  • Los valores que no sean auto inhabilitan todos los ajustes automáticos de tamaño del texto.
  • Los porcentajes se aplican directamente, sin ninguna heurística.
  • Se corrigieron los errores de diseño.

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

API web

Configuración de contenido de pantalla completa automática

Nueva "pantalla completa automática" el parámetro de configuración de contenido les permite a los administradores empresariales permitir que los sitios ingresen a pantalla completa sin un gesto del usuario. Los usuarios también pueden permitir que las apps web aisladas usen esta función a través de las páginas de configuración del sitio.

Cuando se combina con el permiso de Administración de ventanas y las ventanas emergentes desbloqueadas, esto desbloquea importantes funciones de pantalla completa:

  • Abre una ventana emergente de pantalla completa en otra pantalla, con un gesto.
  • Muestra contenido en pantalla completa en varias pantallas con un solo gesto.
  • Muestra contenido en pantalla completa en una nueva pantalla cuando esté conectada.
  • Intercambia ventanas de pantalla completa entre pantallas con un gesto.
  • Muestra contenido en pantalla completa después del vencimiento o el uso de un gesto del usuario.

Demostración | Error de seguimiento #1501130 | Entrada de ChromeStatus.com

WebGPU: Atributo info de GPUAdapter

Se agregó un atributo de información de GPUAdapter síncrono para recuperar la misma información sobre el adaptador físico que con el método requestAdapterInfo() de GPUAdapter asíncrono.

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

Medios

Capítulo del video en MediaMetadata

Ahora puedes agregar información de capítulos individuales, como el título de la sección, su marca de tiempo y una imagen de captura de pantalla a los metadatos de contenido multimedia. Esto permite a los usuarios navegar por el contenido de los medios.

Por el momento, esta opción solo se mostrará en las notificaciones multimedia de ChromeOS y no en los controles multimedia globales del navegador Chrome.

Demostración | Entrada de ChromeStatus.com | Especificaciones

Documenta la función pantalla en pantalla: propaga la activación del usuario

Esto permite que las activaciones del usuario en una ventana de documento en pantalla en pantalla se puedan usar dentro de su ventana de apertura y viceversa. Esto hace que sea más ergonómico usar APIs con control de activación del usuario, ya que, a menudo, los controladores de eventos en la ventana de imagen en imagen del documento se ejecutan en el contexto del activador, por lo que el contexto del activador necesita acceso al gesto del usuario.

Demostración | Error de seguimiento #331246719 | Entrada de ChromeStatus.com

JavaScript

Integridad de Importmap

Por el momento, no se puede verificar la integridad de los módulos de ES importados y, por lo tanto, no se pueden ejecutar en entornos que requieran integridad de subrecursos ni con directivas de CSP require-sri-for.

Esta función agrega una sección integrity para importar mapas, lo que permite a los desarrolladores asignar las URLs de módulos de ES a sus metadatos de integridad y garantizar que solo se carguen cuando coincidan con sus hashes esperados.

Error de seguimiento #334251999 | Entrada de ChromeStatus.com

Eventos de ajuste

Los eventos de ajuste permiten a los desarrolladores detectar de forma confiable cuándo cambia el objetivo de ajuste de un control deslizante y realizar ajustes de estilo según sea necesario.

Los puntos de ajuste de desplazamiento de CSS a menudo se usan como un mecanismo para crear componentes de selección interactivos para desplazamiento, donde la selección se determina con observadores de intersección de JavaScript y una estimación del final del desplazamiento. Si creas eventos integrados, el estado invisible se convertirá en uno que se pueda implementar, en el momento adecuado y siempre correcto.

Esta función agrega dos eventos de JavaScript: scrollsnapchange y scrollsnapchanging. El evento scrollsnapchange les permite a los desarrolladores saber, cuando se completa una operación de desplazamiento (incluida la fijación), que cambió el elemento al que se fijó un control deslizante. El evento scrollsnapchanging les da a los desarrolladores una sugerencia, durante una operación de desplazamiento, que el usuario-agente tiene la intención de ajustar el contenedor de desplazamiento a un nuevo objetivo de ajuste en función de la entrada de desplazamiento hasta el momento.

Privacidad

Informes de depuración agregados en la API de Attribution Reporting

Realizamos este cambio para que la API pueda seguir proporcionando algún tipo de información de depuración después de que se den de baja las cookies de terceros. Este es un nuevo tipo de informe que no está vinculado a cookies de terceros y proporciona información de depuración similar. Esta función permite que los llamadores de la API soliciten y reciban indicadores de depuración de forma agregada. Esta función es muy similar a los informes agregados actuales compatibles con la API, excepto que estos nuevos informes serán específicamente para indicadores de depuración.

Entrada de ChromeStatus.com | Especificaciones

Accesibilidad

Contenedores de desplazamiento enfocables en el teclado

Esta función presenta los siguientes cambios:

Los desplazadores se pueden enfocar con clics y de forma programática de forma predeterminada. De forma predeterminada, los elementos de desplazamiento sin elementos secundarios enfocables pueden hacerlo con el teclado.

Esta es una mejora importante para ayudar a que los elementos de desplazamiento y el contenido de estos sean más accesibles para todos los usuarios. Puedes leer más sobre sus beneficios en la publicación. Desplazadores enfocables del teclado: Los desplazadores enfocables del teclado estarán habilitados de forma predeterminada a partir de Chrome 127. Si los sitios web necesitan tiempo para adaptarse a esta nueva función, hay algunas opciones:

Desplazadores enfocables con el teclado | Error de seguimiento #1040141 | Entrada de ChromeStatus.com | Especificación

Cargando

Compatibilidad con No-Vary-Search para la renderización previa

Extiende la compatibilidad con No-Vary-Search para realizar una renderización previa además de la compatibilidad con carga previa anterior. Esto permite que una entrada de renderización previa coincida incluso si cambian ciertos parámetros de consulta de URL. El encabezado de respuesta HTTP No-Vary-Search declara que algunas o todas las partes de la consulta de una URL pueden ignorarse para fines de coincidencia en caché.

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

Nuevas pruebas de origen

Transporte de diccionarios de compresión con Brotli y Zstandard compartidos

Esta función agrega compatibilidad con el uso de respuestas anteriores designadas, como un diccionario externo para respuestas HTTP que comprimen Brotli o Zstandard.

Prueba de origen | Demo | Error de seguimiento #1413922 | Entrada de ChromeStatus.com | Especificación

Baja de las cookies de terceros

Tenemos la intención de dar de baja y quitar de forma predeterminada el acceso predeterminado a las cookies de terceros (también conocidas como cookies entre sitios), comenzando con un período de prueba inicial del 1% en el primer trimestre de 2024, seguido de una eliminación gradual planificada que comenzará en el primer trimestre de 2025, sujeta a abordar cualquier inquietud restante sobre la competencia de la Competition and Markets Authority del Reino Unido.

La eliminación gradual de las cookies de terceros es un esfuerzo central de la iniciativa Privacy Sandbox, que tiene como objetivo reducir de forma responsable el seguimiento entre sitios en la Web (y más allá) y, al mismo tiempo, admitir casos de uso clave a través de nuevas tecnologías.

Demo | Entrada de ChromeStatus.com | Especificación

Particiona las APIs de almacenamiento, service workers y comunicación

A partir de Chrome 115, el almacenamiento, los service workers y las APIs de comunicación se particionan en contextos de terceros. De la versión 113 a la 126 de Chrome, los sitios pudieron participar en una prueba de baja para desvincular y restablecer temporalmente el comportamiento anterior del almacenamiento, los service workers y las APIs de comunicación.

A partir de Chrome 125, se admite el almacenamiento sin cookies en la API de Storage Access, lo que debería abordar la mayoría de los casos de uso del almacenamiento no particionado. Cuando no se cumplen esos casos de uso, ahora es posible solicitar una renovación de la prueba de baja de DisableThirdPartyStoragePartitioning por 6 eventos importantes adicionales para los usuarios de Chrome 127 a 132 inclusive.

Consulta la entrada de blog de renovación de la prueba de baja de la partición de almacenamiento para obtener más información.

Error de seguimiento #1191114 | Entrada de ChromeStatus.com

Prueba de baja de los contenedores de desplazamiento enfocables con el teclado

Esta función presenta los siguientes cambios:

Los desplazadores se pueden enfocar con clics y de forma programática de forma predeterminada. Los desplazadores sin elementos secundarios enfocables se pueden enfocar con el teclado de forma predeterminada.

Intentamos implementar estos cambios y descubrimos que una cantidad limitada de sitios no cumplió con las expectativas sobre algunos de sus componentes. Como resultado, tuvimos que dejar de enviar la función para evitar este error. Dados los beneficios mencionados anteriormente, la función se comenzará a enviar en 127. Para permitir que los sitios afectados tengan más tiempo para migrar sus componentes, comenzaremos una prueba de baja. Cuando se habilita, se inhabilitará la función TecladoFoCacionalDes.

Prueba de origen | Desplazadores enfocables del teclado | Error de seguimiento #1040141 | Entrada de ChromeStatus.com | Especificaciones

Bajas y eliminaciones

Esta versión de Chrome presenta las bajas y eliminaciones que se indican a continuación. Visita ChromeStatus.com para ver las listas de bajas planificadas, bajas actuales y eliminaciones anteriores.

Esta versión de Chrome quita tres funciones.

Eventos de mutación

La compatibilidad con eventos de mutación se inhabilitará de forma predeterminada a partir de Chrome 127. El código se debe migrar antes de esa fecha para evitar fallas en el sitio. Si necesitas más tiempo, hay algunas opciones:

  • Puedes usar la prueba de baja de los eventos de mutación (https://developer.chrome.com/origintrials/#/view_trial/919297273937002497) para volver a habilitar la función durante un tiempo limitado en un sitio determinado. Se puede usar hasta Chrome 134, y finalizará el 25 de marzo de 2025.
  • La política empresarial MutationEventsEnabled se puede usar para el mismo propósito, también a través de Chrome 134.

Consulta la entrada de blog Baja de los eventos de mutación para obtener más detalles.

Error de seguimiento #40268638 | Entrada de ChromeStatus.com | Especificación

Restringir las "solicitudes de red privada" para subrecursos de sitios web públicos a contextos seguros

Requiere que las solicitudes de red privada para subrecursos de sitios web públicos solo se inicien desde un contexto seguro. Los ejemplos incluyen solicitudes de Internet a intranet y solicitudes de bucle invertido de Internet.

Este es un primer paso para implementar por completo el acceso a redes privadas.

Error de seguimiento #986744 | Entrada de ChromeStatus.com | Especificación

Quita la sintaxis anterior de estado personalizado de CSS

Se cambió el nombre de la pseudoclase de estado personalizado de CSS de :--foo a :state(foo). La nueva sintaxis, :state(foo), se habilitó de forma predeterminada, por lo que quitaremos la sintaxis :--foo.

Firefox y Safari nunca implementaron la sintaxis anterior y ambos enviaron la nueva.

Los clientes empresariales que necesiten más tiempo pueden usar la política CSSCustomStateDeprecatedSyntaxEnabled. Se quitará esta política en Chrome 131.

Error de seguimiento #41486953 | Entrada de ChromeStatus.com

Lecturas adicionales

¿Buscas más? Consulta estos recursos adicionales.

Descargar Google Chrome

Descarga Chrome para Android, computadoras o iOS.