Se usó la API de Cloud Translation para traducir esta página.

Novedades de Chrome 125

Adriana Jara

Tenga en cuenta lo siguiente:

Anclar elementos es más fácil que nunca con el posicionamiento de anclaje de CSS.
La API de Compute Pressure ayuda a optimizar la potencia de procesamiento disponible.
La API de Storage Access se expandió para incluir más que el almacenamiento de cookies.
Y hay mucho más.

Soy Adriana Jara. Profundicemos y veamos las novedades para desarrolladores en Chrome 125.

Posicionamiento de anclaje de CSS.

Mostrar un elemento anclado a otro te permite crear patrones de IU, como usar un popover como una información sobre herramientas y adjuntarlo al elemento que lo invoca.

Con el posicionamiento de los anclajes de CSS, puedes conectar un elemento de posicionamiento absoluto a uno o más elementos de la página de forma declarativa. No requiere JavaScript y funciona de manera óptima cuando los anuncios fijos se pueden desplazar.

La función de posicionamiento de anclaje consta de una gran cantidad de propiedades CSS. Estas son algunas de las propiedades clave:

anchor-name: Establece un elemento para que sea un ancla para otros elementos.
position-anchor: Describe el ancla “predeterminada” que debe usar un elemento anclado para su posicionamiento.
La función anchor(): Se refiere a la posición del elemento de ancla, en la posición del elemento anclado.
inset-area: Es una abreviatura para el posicionamiento de posiciones relativas comunes.

API de Compute Pressure.

La API de Compute Pressure ofrece estados de alto nivel que representan la carga de la CPU en el sistema.

Cuando se optimiza para un uso equilibrado de la potencia de procesamiento, la API utiliza las métricas de hardware subyacentes correctas para garantizar que los usuarios puedan aprovechar toda la potencia de procesamiento disponible, siempre y cuando el sistema no esté bajo una presión inmanejable.

Intel lideró el trabajo de diseño e implementación de esta API, que permitirá que las apps de videoconferencia equilibren de forma dinámica las funciones y el rendimiento.

Visita la API de Compute Pressure para obtener muestras y más información.

La API de Storage Access (SAA) se extendió al almacenamiento sin cookies.

La API de Storage Access es una API de JavaScript que se creó como alternativa a las cookies entre sitios para las incorporaciones que dependen de la carga de recursos entre sitios y, así, solicitar permiso de acceso al usuario según sea necesario.

Esta versión incluye una extensión para usar la API más allá de las cookies. Con la extensión, puedes acceder al almacenamiento sin cookies y sin cookies en un contexto de terceros, por ejemplo, para indexedDB y localstorage. En el siguiente código, se muestra un ejemplo para solicitar acceso a indexDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

Y mucho más.

Por supuesto, hay mucho más.

Hay una prueba de origen para la API de Device Posture y la API de Viewport Segments Enumeration. Estas APIs están diseñadas para ayudar a los desarrolladores a orientar sus apps a dispositivos plegables.
Se agregaron las funciones de valor escalonado de CSS round(), mod() y rem(), por lo que el modelo de referencia ya está disponible.
La API de Shared Storage ahora admite la ejecución de worklets de origen cruzado sin tener que crear un iframe.

Lee las notas de la versión completas.

Lecturas adicionales

Esto solo abarca algunos aspectos clave. Consulta los siguientes vínculos para conocer más cambios en Chrome 125.

Para mantenerte al tanto, suscríbete al canal de YouTube de Chrome Developers y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.

Soy Adriana Jara y, en cuanto se lance Chrome 126, estaré aquí para contarte las novedades.