Tenga en cuenta lo siguiente:
- Si probaste la prueba de origen del Tema oscuro automático, hay una nueva forma de inhabilitar esta función a nivel de cada elemento.
- Ahora es compatible con COLRv1, una evolución del formato de fuente COLRv0.
- Y hay mucho más.
Soy Pete LePage. Profundicemos y 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 aplica un tema oscuro generado automáticamente a tu sitio.
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 etiqueta meta.
<meta name="color-scheme" content="only light">
También puedes inhabilitar esta opción configurando color-scheme: only light en el elemento :root.
:root {
color-scheme: only light;
}
Sin embargo, la principal ventaja de este método es que puedes inhabilitarlo por elemento aplicando un estilo específico a ese elemento.
.only-light,
#my-element {
color-scheme: only light;
}
Consulta la sección Cómo inhabilitar el Tema oscuro automático en Temas oscuros automáticos en Android para obtener todos los detalles.
Compatibilidad con fuentes COLRv1
En Chrome 98, ahora se admite COLRv1, una evolución del formato de fuente COLRv0. Agrega gradientes, compaginación y combinación, y mejora la reutilización de formas para obtener archivos de fuentes nítidos y compactos que se comprimen bien.
Una fuente de color permite resaltar mucho los elementos visuales, los títulos y los banners.
Uno de mis casos de uso favoritos para COLRv1 implica emojis coherentes en todas las plataformas. No es necesario que reemplaces los emojis con archivos de imagen, ya que los archivos de fuente se vuelven más pequeños y fáciles de incluir en tu página.
Estamos trabajando en formas de mejorar la detección de componentes, ya que aún no es tan fácil como debería ser. Sin embargo, esto es algo que debes tener en cuenta.
Consulta Fuentes de vectores de gradientes de color COLRv1 en Chrome 98 para obtener más detalles y saber cómo crear tus propias fuentes.
Emula Chrome 100 en la cadena UA
En unos pocos meses, lanzaremos Chrome 100, un número de versión de tres dígitos. Se debe verificar cualquier código que compruebe los números de versión o analice la cadena de UA para asegurarse de que controle tres dígitos.
Hay una marca llamada #force-major-version-to-100 que cambiará el número de versión actual a 100, de modo que puedas asegurarte de que todo funcione como se espera.
Y mucho más.
Por supuesto, hay mucho más.
Las solicitudes de comprobación previa de CORS ahora se envían antes de las solicitudes de red privada para subrecursos, y solicitan permiso explícito del servidor de destino.
Hay una nueva prueba de origen para Region Capture, una API para recortar una pista de video de captura propia. Es ideal para compartir pantalla en apps de videoconferencia para no crear un efecto de espejo.
Se habían planificado controles de superposición de ventanas para Chrome 98, pero, debido a problemas encontrados en el último minuto, no se incluyeron. Seguimos trabajando en ello y esperamos que se lance en las próximas versiones.
Lecturas adicionales
Esto solo abarca algunos de los aspectos más destacados. Consulta los vínculos que aparecen a continuación para ver los cambios adicionales en Chrome 98.
- Novedades de las Herramientas para desarrolladores de Chrome (98)
- Depresiones y eliminaciones de Chrome 98
- Actualizaciones de ChromeStatus.com para Chrome 98
- Lista de cambios del repositorio de código fuente de Chromium
- Calendario de lanzamientos de Chrome
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 Pete LePage y, en cuanto se lance Chrome 99, estaré aquí para contarte las novedades.