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 los anclajes de CSS.
La API de Compute Pressure ayuda a optimizar la potencia de procesamiento disponible.
La API de Storage Access incluye mucho más que el almacenamiento de cookies.
Hay mucho más.

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

Posicionamiento de los anclajes de CSS

Mostrar un elemento anclado a otro te permite crear patrones de IU, por ejemplo, usar una ventana emergente como información sobre la herramienta 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 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(): Hace referencia a la posición del ancla en el posicionamiento del elemento anclado.
inset-area: Es una abreviatura de posicionamiento para posiciones relativas comunes.

API de Compute Pressure.

La API de Compute Pressure ofrece estados de alto nivel que representan la carga de 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 implementación y diseño de esta API, lo que permitirá que las apps de videoconferencias balanceen 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 extiende 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 a cookies no particionadas y almacenamiento sin cookies en un contexto de terceros, por ejemplo, para indexDB 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 orientarse 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 distintos orígenes sin tener que crear un iframe.

Lee las notas de la versión completas.

Lecturas adicionales

Esto abarca solo algunos aspectos destacados. Consulta los siguientes vínculos para cambios adicionales en Chrome 125.

Para mantenerte al día, 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. Apenas se lance Chrome 126, estaré aquí para contarte las novedades de Chrome.