Novedades de Chrome 119

Adriana Jara

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Entremos de lleno y veamos las novedades para desarrolladores en Chrome 119.

Fecha de vencimiento de las cookies

Desde Chrome 104, las cookies recién creadas o las actualizadas con una fecha de vencimiento tienen esa fecha limitada a no más de 400 días en el futuro. Este mismo límite se aplicará de forma retroactiva a las cookies que ya están en almacenamiento.

Las fechas de vencimiento de estas cookies no superarán los 400 días después de la primera vez que se inicie Chrome 119 o versiones posteriores y se realice una migración de base de datos única. Los usuarios no sentirán el impacto de este cambio hasta, al menos, 400 días después del lanzamiento de Chrome 119 y, luego, solo para las cookies existentes que no se hayan actualizado en ese período.

Puedes obtener más información sobre la recomendación de fecha de vencimiento. Te recordamos que las cookies de terceros dejarán de estar disponibles en un futuro cercano y te proporcionamos una guía para prepararte para la baja.

Actualizaciones de CSS

Para CSS, tenemos tres actualizaciones:

En primer lugar, las nuevas pseudoclases :user-invalid y :user-valid que representan un elemento con una entrada incorrecta o correcta, respectivamente, pero solo después de que el usuario haya interactuado con él de forma significativa. Son similares a las pseudoclases :valid y :invalid, pero con la restricción adicional de que las nuevas pseudoclases solo coinciden después de que el usuario interactuó con el elemento.

En segundo lugar, la sintaxis de color relativa permite a los desarrolladores definir colores modificando los parámetros de otros colores.

Por ejemplo, oklab(from magenta calc(l * 0.8) a b); genera un magenta Oklab que es un 80% más claro.

Y, en tercer lugar, clip-path ahora admite más valores.

La propiedad clip-path crea una región de recorte que establece qué parte de un elemento se debe mostrar. Se muestran las partes que están dentro de la región, mientras que las que están fuera se ocultan.

Ahora puedes usar valores <geometry-box> para controlar el cuadro de referencia del clip, lo que facilita el uso de clip-path. Estos valores de cuadro se pueden usar junto con formas básicas (por ejemplo, clip-path: circle(50%) margin-box) o solos para recortar en el cuadro especificado (por ejemplo,clip-path: content-box).

También puedes usar las funciones xywh() y rect(), que facilitan la especificación de clips rectangulares o rectangulares redondeados.

Corrección: Una versión anterior de este artículo hacía referencia a mejoras en los marcos delimitados. Estos cambios ahora se envían en Chrome 120.

Y mucho más.

Por supuesto, hay mucho más.

  • WebSQL se quitó por completo a partir de Chrome 119. Una prueba de origen inverso permite que los desarrolladores sigan usando WebSQL hasta Chrome 123.

  • Ahora se puede usar la opción monitorTypeSurfaces para evitar que el usuario comparta una pantalla completa con getDisplayMedia().

  • Hay una prueba de origen que agrega un parámetro windowFeatures fullscreen a la API de JavaScript window.open() para permitir que el llamador abra una ventana emergente directamente en pantalla completa.

Lecturas adicionales

Esto solo abarca algunos aspectos clave. Consulta los vínculos que aparecen a continuación para ver los cambios adicionales en Chrome 119.

Suscribirse

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 120, estaré aquí para contarte las novedades.