Chrome se adaptó al ecosistema de las tablets Android y habilitó el modo de escritorio de forma predeterminada en las tablets premium. En esta entrada de blog, se explica qué es el modo de escritorio y lo que los desarrolladores deben saber acerca de cómo brindar 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 dispositivos. Como alternativa al uso de técnicas de diseño responsivo, los desarrolladores web suelen utilizar el usuario-agente del navegador para entregar diferentes sitios web en dispositivos móviles y de escritorio.
Históricamente, un usuario-agente mobile es el valor predeterminado para Chrome en Android. En este modo, los sitios diseñados solo para computadoras de escritorio (es decir, no hay una meta viewport) se mostrarán con una viewport virtual fija predeterminada de 980 px para brindar una lectura cómoda en diferentes pantallas de teléfonos. Para los casos en los que el usuario quiera cargar solo la versión para computadoras de escritorio del sitio (porque el sitio procesa diferentes versiones de su sitio según el usuario-agente), un usuario podría habilitar la configuración del modo de escritorio, que cambiará el usuario-agente a una versión para computadoras de escritorio y forzará el viewport a 980 px.
A medida que el ecosistema de las tabletas de Android ha ido a la disposición de más dispositivos grandes y potentes, hemos descubierto que el sitio web para computadoras de escritorio suele ser una mejor experiencia que el sitio móvil. Los sitios web móviles diseñados para pantallas pequeñas y con poca memoria RAM no siempre aprovechan la pantalla grande y otras funciones potentes de los dispositivos. Por lo tanto, en las tablets premium, el modo de escritorio ahora es el modo predeterminado.
Con este cambio, el usuario-agente será un usuario-agente de computadora de escritorio de forma predeterminada y usará un viewport que coincida con el ancho de la ventana, pero no utilizará un tamaño de viewport virtual predeterminado de 980 px.
Información para desarrolladores sobre el modo de escritorio
Los usuarios de Chrome en Android pueden cambiar la configuración del modo de escritorio para solicitar un sitio para computadoras de escritorio o un sitio móvil de forma predeterminada. Esto no cambiará, por lo que muchos usuarios ya estarán familiarizados con la forma de cambiar de modo.
Chrome solicitará el sitio para computadoras de forma predeterminada en las tablets premium (aquellas con al menos una pantalla de 10" y 8 GB de RAM). Los desarrolladores web deben asegurarse de que su sitio web funciona bien en el modo de escritorio en tablets.
Con este cambio al modo de escritorio de forma predeterminada, el usuario-agente predeterminado de la mayoría de los usuarios de tablets Android cambiará de la versión para dispositivos móviles de la siguiente manera:
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 esta:
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" y "Android", sino que mostrarán "" y "Linux" respectivamente.
Pruebe sus sitios web para este cambio
Dado que el modo 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 funcionan 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 utilizan Android, por ejemplo, con Google Analytics, esperamos que este cambio afecte tu sitio. Además, debido a que Chrome para computadoras de escritorio y Chrome en Android no comparten exactamente las mismas APIs de plataforma web, es fundamental que uses la detección de funciones antes de emplear las capacidades del dispositivo.
Si dependes del usuario-agente para que los usuarios puedan instalar tu app, es posible que, sin darte cuenta, ofrezcas la descarga de un objeto binario de Linux. Te recomendamos que uses un manifiesto de apps web junto con la propiedad related_applications. Esta acción utilizará Chrome en el mecanismo predeterminado de Android para solicitarle al usuario que instale tu aplicación.
Para probar tu sitio web con el modo de escritorio habilitado e inhabilitado, sigue estos pasos, o bien usa la simulación de dispositivos para desarrolladores de Chrome y anulaciones de usuario-agente.