Novedades de Chrome 108

Adriana Jara

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Analicémoslas y veamos las novedades para desarrolladores en Chrome 108.

Nuevas unidades de tamaño de viewport

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

Estas unidades miden el área del viewport de manera diferente, ya que consideran 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, suponiendo que esas interfaces de usuario-agente están contraídas.

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

Además, con las unidades dynamic, el tamaño del viewport se ajustará automáticamente según los elementos de la interfaz del navegador que se muestren o no.

El valor será cualquier valor que esté 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. Además, consulta el cambio en el comportamiento de cambio de tamaño del viewport de Android para que este se procese correctamente .

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 variaciones de OpenType, lo que significa que se pueden realizar cambios en las propiedades de la fuente cambiando los valores del eje de la variable. Ahora se admiten esas variaciones.

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

Con estas condiciones, el desarrollador puede detectar cuándo las funciones de fuente están disponibles para brindar 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 altamente optimizado para el rendimiento. Los desarrolladores pueden acceder a estos archivos llamando a createSyncAccessHandle(), que es un método expuesto en objetos FileSystemFileHandle.

Esta llamada da como resultado una FileSystemSyncAccessHandle.

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

Hay una buena razón para el cambio: hace que FileSystemSyncAccessHandle coincida con la API de archivos síncrona similar a POSIX que esperan las aplicaciones basadas en Wasm, lo que hace que la API sea más ergonómica, además de ganancias de rendimiento considerables.

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

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

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

Y mucho más.

Por supuesto que hay mucho más.

Lecturas adicionales

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

Suscribirse

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