Novedades de Chrome 119

Adriana Jara

Tenga en cuenta lo siguiente:

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

Fecha de vencimiento de las cookies.

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

Las fechas de vencimiento de estas cookies se limitarán a no más de 400 días después de la primera vez que se inicie Chrome 119 o versiones posteriores y se realice una migración única de la base de datos. Los usuarios no notará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 la fecha de vencimiento. Además, aquí tienes un recordatorio de que las cookies de terceros dejarán de estar disponibles próximamente y una guía para prepararte para esta baja.

Actualizaciones de CSS

Para los CSS, tenemos tres actualizaciones:

Número uno: las nuevas seudoclases :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 de manera significativa con él. Son similares a las seudoclases :valid y :invalid, pero con la restricción adicional de que las nuevas seudoclases solo coinciden después de que el usuario haya interactuado con el elemento.

Número dos: la sintaxis relativa de colores permite a los desarrolladores definir colores modificando los parámetros de otros colores.

Por ejemplo: oklab(from magenta calc(l * 0.8) a b); da como resultado un magenta de Oklab que es un 80% más claro.

Y número tres: clip-path ahora admite más valores.

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

Ahora puedes usar valores <geometry-box> para controlar el cuadro de referencia del clip, lo que hace que clip-path sea más fácil de usar. Estos valores de cuadro se pueden usar junto con formas básicas (por ejemplo, clip-path: circle(50%) margin-box) o se pueden usar solos para recortar 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 para los marcos vallados. Estos cambios ahora se incluyen 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 les permite a los desarrolladores seguir usando WebSQL hasta Chrome 123.

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

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

Lecturas adicionales

Esto abarca solo algunos aspectos destacados. Consulta los vínculos a continuación cambios adicionales en Chrome 119.

Suscribirse

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.

Yo soy Adriana Jara. Apenas se lance Chrome 120, estaré aquí para contarte las novedades de Chrome.