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

Novedades de Chrome 125

Adriana Jara

Tenga en cuenta lo siguiente:

Fijar elementos es más fácil que nunca con el posicionamiento de anclaje de CSS.
La API de Compute Pressure ayuda a optimizar la energía disponible de la computadora.
La API de Storage Access se expande para mucho más que solo el almacenamiento de cookies.
Además, hay mucho más.

Soy Adriana Jara. Veamos las novedades para desarrolladores en Chrome 125.

Posicionamiento de las anclas CSS

Mostrar un elemento anclado a otro te permite crear patrones de la IU, como usar una ventana emergente como información sobre la herramienta y adjuntarla al elemento que la invoca.

Con el posicionamiento de anclaje de CSS, puedes anclar un elemento de posicionamiento absoluto a uno o más elementos de la página de manera declarativa. No requiere JavaScript y funciona con buen rendimiento cuando las anclas son desplazables.

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

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

API de presión de procesamiento.

La API de presión de procesamiento ofrece estados de alto nivel que representan la carga de la CPU en el sistema.

Al realizar optimizaciones para lograr un uso equilibrado de la potencia informática, 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 un estrés inmanejable.

Intel lideró el trabajo de diseño e implementación de esta API, lo que permitirá que las apps de videoconferencias equilibran dinámicamente las funciones y el rendimiento.

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

API de Storage Access (SAA) extendida 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 incorporaciones que dependen de la carga de recursos entre sitios, para solicitar permisos 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 al 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 que hay mucho más.

Existe 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(), lo que hace que el modelo de referencia de estas funciones esté disponible recientemente.
La API de Shared Storage ahora admite la ejecución de trabajos de origen cruzado 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 ver cambios adicionales en Chrome 125.

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

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