Novedades de Chrome 98

Pete LePage

Tenga en cuenta lo siguiente:

Soy Pete LePage. Veamos las novedades para desarrolladores en Chrome 98.

Cómo inhabilitar los Temas oscuros automáticos en Android

En Chrome 96, comenzamos una prueba de origen para los Temas oscuros automáticos en Android.

Con esta función, si tu sitio tiene un tema claro y el SO del usuario está en modo oscuro, el navegador aplicará un tema oscuro generado automáticamente.

Si te registraste en la prueba de origen y quieres inhabilitar el tema oscuro generado automáticamente para una página específica, puedes usar una metaetiqueta.

<meta name="color-scheme" content="only light">

También puedes inhabilitar la configuración si configuras color-scheme: only light en el elemento :root.

:root {
  color-scheme: only light;
}

Sin embargo, la ventaja principal de este método es que puedes inhabilitarlo por elemento si le aplicas un diseño específico.

.only-light,
#my-element {
  color-scheme: only light;
}

Para obtener más información, consulta la sección Cómo inhabilitar el Tema oscuro automático en Temas oscuros automáticos en Android.

Compatibilidad con fuentes COLRv1

En Chrome 98, ahora se ofrece compatibilidad con COLRv1, una evolución del formato de fuente COLRv0. Esta función agrega gradientes, composición y combinación, y mejora la reutilización de formas para archivos de fuentes nítidos y compactos que se comprimen bien.

Una fuente de color hace que realmente se destaquen los elementos visuales destacados, los títulos y los banners.

Título con fuentes COLRv1

Uno de mis casos de uso favoritos de COLRv1 significa emojis coherentes en todas las plataformas. No necesitas reemplazar emojis con archivos de imagen, ya que los archivos de fuente se hacen más pequeños y son más fáciles de incluir en tu página.

Archivo de fuente con emojis coherentes

Estamos trabajando para mejorar la detección de funciones, ya que no es tan fácil como debería serlo. Pero esto es algo que hay que tener en cuenta.

Consulta Fuentes de vectores de gradiente de color COLRv1 en Chrome 98 para obtener más detalles y descubrir cómo puedes crear tus propias fuentes.

Emular Chrome 100 en la cadena de UA

En solo unos meses, llegaremos a Chrome 100, un número de versión de tres dígitos. Cualquier código que verifique los números de versión o analice la cadena UA se debe verificar para garantizar que maneje tres dígitos.

Hay una marca llamada #force-major-version-to-100 que cambiará el número de versión actual a 100, para que puedas asegurarte de que todo funciona como se espera.

Página de marcas de Chrome en la que se destaca la nueva opción #force-major-version-to-100

Y mucho más.

Por supuesto que hay mucho más.

Las solicitudes de comprobación previa de CORS ahora se envían antes que las solicitudes de red privada para subrecursos, lo que requiere permiso explícito del servidor de destino.

Hay una nueva prueba de origen para Region Capture, una API que permite recortar una pista de video de captura automática. Es ideal para compartir pantalla en apps de videoconferencia, de modo que no crees un efecto de espejo.

Los controles de superposición de ventanas se habían planificado para Chrome 98, pero, debido a problemas que se detectaron durante el último minuto, no llegaron. Seguimos trabajando en ello y esperamos que llegue a las próximas versiones.

Lecturas adicionales

Esto abarca solo algunos de los aspectos más destacados. Consulta los vínculos a continuación para ver cambios adicionales en Chrome 98.

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.

Soy Pete LePage, y en cuanto se lance Chrome 99, estaré aquí para contarte las novedades de Chrome.