Novedades de Chrome 108

Adriana Jara

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Analicemos las novedades para desarrolladores en Chrome 108.

Nuevas unidades de tamaño de viewport

Las nuevas unidades de viewport te brindan más control para crear IU adaptables.

Estas unidades miden el área del viewport de manera diferente, ya que tienen en cuenta los elementos de la IU del navegador que se pueden expandir o contraer. Por ejemplo, la barra de direcciones.

Las unidades large proporcionan el tamaño del viewport, siempre y cuando esas interfaces de usuario-agente estén contraídas.

Por otro lado, las unidades small proporcionan el tamaño del viewport, siempre que las interfaces estén expandidas.

Con las unidades dynamic, el tamaño del viewport se ajustará automáticamente en respuesta a los elementos de la interfaz del navegador que se muestren o no.

El valor será cualquier valor dentro de los límites de la unidad grande (el máximo) y las unidades pequeñas (el mínimo).

Las diferentes partes del viewport para cada tipo de unidad de viewport.

Consulta este artículo para obtener más detalles. Consulta también el cambio en el comportamiento de cambio de tamaño del viewport de Android para controlar el viewport de forma adecuada .

Las fuentes variables ahora son compatibles con COLRv1.

Las fuentes de vectores de color COLRv1 son compatibles desde Chrome 98, pero la versión inicial solo admitía la funcionalidad estática de la tabla COLRv1.

Sin embargo, la especificación de COLRv1 también incluye las variaciones de OpenType, lo que significa que permite cambios en las propiedades de la fuente cambiando los valores del eje de la variable. Estas variaciones ya son compatibles.

Esta versión también incluye las extensiones de condiciones font-tech() y font-format() para CSS @supports .

Con estas condiciones, el desarrollador puede detectar cuándo las funciones de la fuente están disponibles para brindarle al usuario la experiencia más reciente y también crear un resguardo si la compatibilidad no está disponible.

Juega con la demostración aquí y agrega impacto a tus palabras con fuentes variables.

Los métodos FileSystemSyncAccessHandle ahora son síncronos.

El sistema de archivos privados de origen proporciona acceso a un tipo especial de archivo que está muy optimizado para el rendimiento. Los desarrolladores pueden obtener acceso a esos archivos llamando a createSyncAccessHandle(), que es un método expuesto en objetos FileSystemFileHandle.

Esta llamada genera un FileSystemSyncAccessHandle.

Los métodos truncate(newSize), getSize(), flush() y close() en ese control de acceso solían ser asíncronos, pero son síncronos a partir de Chrome 108.

Hay una buena razón para el cambio, ya que hace que FileSystemSyncAccessHandle coincida con la API de archivos síncronos similar a POSIX que esperan las aplicaciones basadas en Wasm, lo que hace que la API sea más ergonómica y, al mismo tiempo, genera mejoras sustanciales en el rendimiento.

Este es un cambio potencialmente rotundo. Si usas los métodos anteriores, cualquier uso de Promise.then() fallará. Si encadenas una llamada a then() en el resultado de cualquiera de los métodos que antes eran asíncronos y ahora son síncronos, debes cambiar tu código.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Si desea obtener instrucciones más detalladas, consulte este artículo

Y mucho más.

Por supuesto, hay mucho más.

Lecturas adicionales

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

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 apenas se lance Chrome 109, estaré aquí para contarte las novedades de Chrome.