Chrome 125

Fecha de lanzamiento estable: 14 de mayo de 2024

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

HTML y DOM

Serialización de shadow DOM declarativa

Es una función que permite a los desarrolladores serializar árboles del DOM que contienen shadow roots. recientemente estandarizado en el estándar HTML.

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

CSS

Posicionamiento de los anclajes de CSS

El posicionamiento de los anclajes de CSS permite a los desarrolladores conectar un elemento absolutamente posicionado. a uno o más elementos de la página (los fijos), de forma declarativa, sin usar JavaScript. El posicionamiento de anclajes funciona de manera óptima cuando la los anuncios fijos son desplazables. Un caso de uso común consiste en posicionar una ventana emergente, como una Cuadro de información junto al elemento que lo invocó, o un menú de selección y su ventana emergente lista de opciones. Antes de la función de posicionamiento de anclajes, estos casos de uso requieren JavaScript para posicionar dinámicamente la ventana emergente y mantenerla anclada como el se desplazó el elemento de invocación, que es una pistola de rendimiento y es difícil de a hacerlo bien. Con el posicionamiento de los anclajes, se pueden implementar estos casos de uso de forma declarativa y eficaz.

La función de posicionamiento de anclajes consta de una gran cantidad de propiedades de CSS. R algunas de las propiedades clave son las siguientes:

  • anchor-name: Configura un elemento para que sea un ancla para otros elementos.
  • position-anchor: Describe el valor “predeterminado”. ancla que un elemento anclado para el posicionamiento de los anclajes.
  • La función anchor(), que se usa para hacer referencia a la posición del ancla en el posicionamiento del elemento anclado.
  • inset-area: Es una abreviatura de posicionamiento para posiciones relativas comunes.

Presentación de la API de posicionamiento de anclaje de CSS | Error de seguimiento #40059176 | Entrada de ChromeStatus.com | Especificaciones

Funciones de valor escalonado de CSS: round(), mod() y rem()

Las funciones de valor escalonado, round(): mod() y rem(), todas transforman un determinado de acuerdo con otro "step value" (valor del paso).

La función de CSS round() muestra un número redondeado en función de un redondeo seleccionado de administración de amenazas.

La función de CSS mod() muestra un módulo que queda cuando se modifica el primer parámetro dividido por el segundo parámetro, similar al operador de resto de JavaScript (%). El módulo es el valor que queda cuando un operando, el dividendo, dividida por un segundo operando, el divisor. Siempre lleva la señal del divisor.

La función de CSS rem() muestra un resto cuando el primer parámetro se divide por el segundo parámetro, de forma similar al operador de resto de JavaScript (%). El resto es el valor que queda cuando un operando, el dividendo, dividida por un segundo operando, el divisor. Siempre lleva la señal del dividendo.

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

Nueva sintaxis para el :state() personalizado de CSS

El estado personalizado de CSS permite que los elementos personalizados expongan sus propias pseudoclases. El la sintaxis se especificó en el CSSWG, y Chrome 125 ahora admite el nuevo la sintaxis :state(foo). Este cambio tendrá una ventana en la que Chrome admitirá la sintaxis anterior (:--foo) y la nueva para que los sitios web puedas cambiar al nuevo.

Entrada de ChromeStatus.com | Especificaciones .

Quita la discontinuidad de los colores de Oklab y Oklch con una luminosidad de casi un 100% o 0.

Antes de este cambio, todos los colores Lab, LCH, Oklab y Oklch con un valor de luminosidad del 100% se procesaron como blancos, independientemente de los otros dos parámetros. Todo los colores en estos espacios con un valor de luminosidad de 0 se procesaron como negros. Estos dos asignaciones causaron discontinuidades en los gradientes y fueron inesperadas desarrolladores.

Con esta reversión, estos colores ya no se asignan artificialmente, y el el color que se muestra resultante será continuo con los colores cercanos y dependerá de la asignación de gama de la pantalla.

Entrada de ChromeStatus.com | Especificaciones .

Barras de desplazamiento raíz del esquema de colores usadas

Hace que el navegador use el esquema de colores preferido del usuario para renderizar el viewport barras de desplazamiento si el valor de "esquemas de color admitidos por la página" es “normal” o no especificado, y el valor calculado de color-scheme para el elemento raíz es normal. Se puede considerar que las barras de desplazamiento de viewports fuera del contenido web. Por lo tanto, los usuarios-agentes deben respetar el esquema de colores preferido al renderizar las barras de desplazamiento del viewport, si el desarrollador tiene no se especifica explícitamente la compatibilidad con los esquemas de colores.

Este cambio no impide que los desarrolladores controlen el esquema de colores para con barras de desplazamiento. El nuevo comportamiento hace que el navegador use el navegador esquema de colores para procesar barras de desplazamiento no superpuestas en el viewport solo si el desarrollador no especificó el esquema de colores del elemento raíz.

título [title] | Error de seguimiento #40259909 | Entrada de ChromeStatus.com | Especificaciones

Clase view-transitions

Hay una nueva propiedad de CSS view-transition-class que te permite especificar una o más clases de transición de vistas. Luego, puedes seleccionar Seudoelementos ViewTransition que usan estas clases, por ejemplo ::view-transition-group(*.class)

Esta es una extensión de la API de ViewTransition que simplifica el diseño de los pseudoelementos de transición de vistas de manera similar. que las clases de CSS simplifican el estilo de los elementos regulares del DOM.

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

Cargando

Aceptar las URLs HTTP y HTTPS al construir WebSocket

Esta actualización habilita los esquemas HTTP y HTTPS en el constructor de WebSocket, lo que también les permite a los desarrolladores usar URLs relativas. Estos se normalizan para los esquemas internos ws: y wss:

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

API web

Incorporaciones a la API de Attribution Reporting

Se agregaron funciones a la API de Attribution Reporting para crear funciones de depuración de errores, al admitir el análisis de informes de depuración de errores, mejorar la API de ergonomía, ya que admite un campo que especifica la plataforma de registro preferida mejorar la privacidad.

Entrada de ChromeStatus.com .

La API de Compute Pressure

La API de Compute Pressure ofrece estados de alto nivel que representan la carga de CPU en el sistema. Permite que las para usar las métricas de hardware subyacentes correctas y de garantizar que los usuarios puede aprovechar toda la potencia de procesamiento a su disposición, siempre y cuando el sistema no se encuentre bajo un estrés inmanejable.

Intel lideró el trabajo de implementación y diseño de esta API para que las apps de videoconferencia puedan equilibrar dinámicamente las funciones y rendimiento.

API de Compute Pressure | Error de seguimiento #40683064 | Entrada de ChromeStatus.com | Especificaciones

Con esto, se lanza la extensión propuesta de la API de Storage Access (retrocesivamente) compatible y haya estado en prueba de origen) para permitir el acceso a cookies no particionadas y el almacenamiento sin cookies en un contexto de terceros. La API actual solo proporciona acceso a cookies, que tienen casos de uso diferentes a los del almacenamiento que no son de cookies.

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

Requisito de CORS de FedCM en el extremo de aserción de ID

Las recuperaciones en la API de FedCM son difíciles de entender debido a las propiedades. que se les exija. Aunque hay un debate continuo sobre las cuentas extremo, también hay un gran consenso de que el extremo de aserción de ID debe usan CORS. Esta actualización alinea más las propiedades de seguridad de esta recuperación otras recuperaciones en la plataforma web.

Actualizaciones de FedCM: Prueba de origen de la API de Button Mode, CORS y SameSite | Error de seguimiento #40284123 | Entrada de ChromeStatus.com

Ahora, FedCM envía solicitudes de aserción de ID con CORS. Ese cambio significa que Chrome ya no enviará cookies de SameSite=Strict al extremo de aserción de ID, aunque Chrome envía SameSite=None. Como no tiene sentido enviar un un conjunto diferente de cookies al extremo de las cuentas y la aserción de ID extremo, este cambio los hace coherentes.

No enviar cookies de SameSite=Strict también es coherente con Comportamiento de requestStorageAccess y las solicitudes entre sitios en general.

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

Acción predeterminada interoperable mousemove

Chrome permitió cancelar los eventos mousemove para evitar que otras APIs, como texto (e incluso arrastrar y soltar en el pasado). No coincide con otras navegadores; ni cumple con las especificaciones de eventos de la IU. Ahora la selección de texto ya sea la acción predeterminada de mousemove. Seleccionar texto y arrastrar y soltar aún se puede evitar mediante la cancelación de los eventos selectstart y dragstart respectivamente.

Esta función se lanzará gradualmente a partir de Chrome 125 y está previsto que estén disponibles para todos los usuarios a partir de Chrome 126.

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

Modificadores de expresiones regulares

Los modificadores de expresiones regulares agregan la capacidad de modificar localmente i, m, y s' marcas dentro de un patrón.

Si deseas habilitar una marca para una subexpresión, usa (?X:subexpr), en el que X sea uno de i, m o s. Si quieres inhabilitar una marca para una subexpresión, usa (-X:subexpr).

Por ejemplo, para la marca i de distinción entre mayúsculas y minúsculas, usa lo siguiente:

const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false

const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false

Entrada de ChromeStatus.com | Especificaciones .

La expresión regular duplica los grupos de captura con nombre

Los grupos de captura con nombre duplicados te permiten usar el mismo nombre del grupo de captura entre alternativas. Por ejemplo:

const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;

En este caso, year es válido para la 1.a alternativa ((?<year>[0-9]{4})-[0-9]{2}), o la segunda alternativa ([0-9]{2}-(?<year>[0-9]{4})).

Entrada de ChromeStatus.com | Especificaciones .

Apps de Chrome

API de Direct Sockets en apps de Chrome

Esta actualización facilita la transición de apps especializadas de Chrome Apps a Apps web aisladas habilitando Direct Sockets en Apps de Chrome y permitiendo así que las apps web establecer el protocolo de control de transmisión directa (TCP) y el protocolo de datagramas de usuario (UDP) con dispositivos y sistemas de red.

Entrada de ChromeStatus.com | Especificaciones .

Nuevas pruebas de origen

API de FedCM Button Mode y API de otras cuentas

Esta prueba de origen incluye las siguientes dos APIs de FedCM.

La API de Button Mode permite que los sitios web llamen a FedCM con un clic en un botón, como haciendo clic en el botón Acceder al IdP. Esto requiere que FedCM lo garantice responde con una interfaz de usuario visible, en lugar del modo widget, que no muestra una IU cuando los usuarios salen de sus cuentas. Llamar a la API de FedCM en El modo de botón lleva a los usuarios a acceder al IdP (en una ventana de diálogo) cuando los usuarios salen de sus cuentas.

Además, como se llama al modo de botón dentro de un , la IU también podría destacarse más (por ejemplo, centrada y modal) en comparación con la IU del modo widget (que no tiene un intención). Obtén más información sobre cómo funciona la API de Button Mode en Actualizaciones de FedCM: Prueba de origen de la API de Button Mode, CORS y SameSite

La API de Usar otra cuenta permite que un proveedor de identidad permita que los usuarios accedan a otras cuentas.

Prueba de origen | Demostración | Error de seguimiento #40284792 | Entrada de ChromeStatus.com | Especificaciones

APIs de Foldable

Esta prueba de origen incluye la API de Device Posture y los segmentos de Viewport API de enumeración. Estas APIs se diseñaron para ayudar a los desarrolladores a segmentar sus anuncios dispositivos.

Prueba de origen | Prueba de origen para las APIs de Fold | Entrada de ChromeStatus.com | Especificaciones

Prueba de baja para las propiedades y los métodos con prefijos HTMLVideoElement Fullscreen

Esta prueba de baja te permite volver a habilitar la compatibilidad Propiedades y métodos HTMLVideoElement si necesitas más tiempo para ajustar tu código.

Prueba de origen | Entrada de ChromeStatus.com .

Omitir análisis de precarga

Omite el escáner de precarga para explorar compensaciones de rendimiento en páginas sin recuperaciones de subrecursos.

El paso del escáner de precarga beneficia el rendimiento de las páginas con un subrecurso mediante la implementación de la carga previa especulativa Sin embargo, para las páginas que no se benefician de este paso, es decir, en el caso de las páginas sin subrecursos, implica una sobrecarga de procesamiento adicional con pocos beneficios.

Para los usuarios avanzados de la Web que deseen beneficiarse de la reducción de estos gastos, esta proporciona un control a nivel de página para inhabilitar el escáner de precarga. Datos recopiladas en este experimento podrían evaluar si una API modificada u otra API del escáner de precarga de HTML podría serte útil.

Prueba de origen | Error de seguimiento #330802493 | Entrada de ChromeStatus.com | Especificaciones

Bajas y eliminaciones

Quita "window-placement" alias para la política de permisos y permisos "window-management"

Quita la "window-placement" alias para permisos y política de permisos “administración de ventanas”. Esto forma parte de un esfuerzo mayor por cambiar el nombre de las cadenas finalmente dar de baja y quitar la "window-placement". El cambio de terminología mejora la longevidad del descriptor a medida que la ventana La API de Management evoluciona con el tiempo.

título [title] | Error de seguimiento #40842072 | Entrada de ChromeStatus.com | Especificaciones

Eliminación de la política empresarial: NewBaseUrlInheritanceBehaviorAllowed

El cambio de código subyacente (habilitar un nuevo comportamiento de herencia de URL base) que este Las anulaciones de políticas de la empresa se han habilitado en las versiones estables desde agosto 2023 (Chrome 118). Dado que se solucionaron problemas conocidos, esta empresa se quitó la política en Chrome 125.

Entrada de ChromeStatus.com .

Eliminación de las propiedades y los métodos de pantalla completa de HTMLVideoElement con prefijo

Las APIs de pantalla completa con prefijo HTMLVideoElement dejaron de estar disponibles desde Chrome 38. Se reemplazaron por Element.requestFullscreen(), que primero se envió sin prefijo en 2018 en Chrome 71.

Se quitarán las siguientes propiedades y métodos de HTMLVideoElement:

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen() (observa las distintas mayúsculas de la "S" en FullScreen)
  • webkitExitFullScreen()

Regístrese en la prueba de baja que se indica en esta publicación si tu sitio todavía depende de ellas y necesitas más tiempo para actualizar el código.

Entrada de ChromeStatus.com .

Lecturas adicionales

¿Buscas más? Consulta estos recursos adicionales.

Descargar Google Chrome

Descargar Chrome para Android Computadora de escritorio iOS