Chrome se adaptó al ecosistema de tablets Android habilitando el modo de escritorio de forma predeterminada en las tablets premium. En esta entrada de blog, se explica qué es el modo de computadora de escritorio y lo que los desarrolladores deben saber para proporcionar experiencias de alta calidad en tablets premium.
Los sitios web deben adaptarse a una variedad de tamaños de pantalla, factores de forma, métodos de entrada y capacidades de los dispositivos. Como alternativa al uso de técnicas de diseño adaptable, los desarrolladores web a menudo consultan el usuario-agente del navegador para mostrar distintos sitios web para dispositivos móviles y de escritorio.
Históricamente, un usuario-agente mobile es la opción predeterminada de Chrome en Android. En este modo, los sitios diseñados solo para computadoras (es decir, que no tienen un viewport meta) se mostrarán con un viewport virtual fijo predeterminado de 980 px para una lectura cómoda en una variedad de pantallas de teléfonos. En el caso de que el usuario quiera cargar solo la versión para computadoras del sitio (porque el sitio renderiza diferentes versiones según el usuario-agente), puede habilitar la configuración del modo para computadoras, que cambiará el usuario-agente a uno para computadoras y forzará el viewport a ser de 980 px.
A medida que el ecosistema de tablets Android ha visto que más dispositivos grandes y potentes están disponibles, descubrimos que el sitio web para computadoras de escritorio puede brindar una mejor experiencia que el sitio para dispositivos móviles. Los sitios web para dispositivos móviles que se diseñaron para pantallas pequeñas y poca RAM no siempre aprovechan la pantalla grande y otras funciones potentes del dispositivo. Por lo tanto, para las tablets premium, el modo de computadora de escritorio ahora es el predeterminado.
Con este cambio, el usuario-agente será un usuario-agente para computadoras de escritorio de forma predeterminada y usará una ventana de visualización que coincida con el ancho de la ventana y no usará un tamaño de ventana de visualización virtual predeterminado de 980 px.
Información para desarrolladores sobre el modo de computadora
Los usuarios de Chrome en Android pueden cambiar la configuración del modo de escritorio para solicitar un sitio para computadoras o para dispositivos móviles de forma predeterminada. Esto no cambiará, por lo que muchos usuarios ya estarán familiarizados con cómo cambiar de modo.
Chrome solicitará el sitio para computadoras de forma predeterminada en tablets premium (aquellas que tengan una pantalla de al menos 10" y 8 GB de RAM). Los desarrolladores web deben asegurarse de que su sitio web funcione bien en el modo de computadora de escritorio en tablets.
Con este cambio al modo de escritorio de forma predeterminada, el usuario-agente predeterminado para la mayoría de los usuarios de tablets Android cambiará desde la versión para dispositivos móviles, como se muestra a continuación:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
a una versión de escritorio, como se muestra a continuación:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Además, los encabezados HTTP SEC-CH-UA-MODEL y SEC-CH-UA-PLATFORM ya no informarán "Pixel Tablet" ni "Android", sino "" y "Linux", respectivamente.
Prueba este cambio en tus sitios web
Dado que el modo de computadora de escritorio se convertirá en el predeterminado en las tablets premium, es un buen momento para confirmar que todas las interacciones con las versiones para computadoras de escritorio de tu sitio funcionen bien para los usuarios con y sin un teclado físico conectado, una pantalla táctil, un mouse o un panel táctil.
Si dependes del usuario-agente para detectar si tus usuarios usan Android, por ejemplo, con Google Analytics, es posible que este cambio tenga un impacto en tu sitio. Además, como Chrome para computadoras y Chrome para Android no comparten todas las mismas APIs de la plataforma web, es fundamental que uses la detección de funciones antes de usar una función del dispositivo.
Si dependes del usuario-agente para ofrecer a los usuarios que instalen tu app, es posible que, sin darte cuenta, ofrezcas descargar un objeto binario de Linux. Te recomendamos que uses el manifiesto de apps web junto con la propiedad related_applications. Luego, se usará el mecanismo predeterminado de Chrome en Android para solicitarle al usuario que instale tu aplicación.
Para probar tu sitio web con el modo de escritorio habilitado y deshabilitado, sigue estos pasos o, como alternativa, puedes usar la simulación de dispositivos de Chrome DevTools y las anulaciones de usuario-agente.