O Chrome se adaptou ao ecossistema dos tablets Android, ativando o modo área de trabalho por padrão em tablets premium. Esta postagem do blog explica o que é o modo desktop e o que os desenvolvedores precisam saber sobre como oferecer experiências de alta qualidade em tablets premium.
Os sites precisam se adaptar a uma variedade de tamanhos de tela, formatos, métodos de entrada e recursos do dispositivo. Em vez de usar técnicas de design responsivo, os desenvolvedores Web geralmente usam o user agent do navegador para exibir diferentes sites em dispositivos móveis e desktop.
Historicamente, um user agent mobile é o padrão para o Chrome no Android. Nesse modo, os sites projetados apenas para computadores (ou seja, não há uma janela de visualização meta) serão exibidos usando uma janela de visualização virtual fixa padrão de 980 px para uma leitura confortável em várias telas de smartphone. Nos casos em que o usuário quer carregar apenas a versão para computador do site (porque renderiza versões diferentes com base no user agent), o usuário pode ativar as configurações do modo de área de trabalho, que alterarão o user agent para um desktop e forçarão a janela de visualização a ser de 980 px.
À medida que o ecossistema de tablets Android tem notado dispositivos grandes e potentes disponíveis, descobrimos que o site para computadores geralmente oferece uma experiência melhor do que o site para dispositivos móveis. Sites para dispositivos móveis projetados para telas pequenas e pouca RAM nem sempre aproveitam a tela grande e outros recursos avançados do dispositivo. Portanto, para tablets premium, o modo desktop agora é o padrão.
Com essa mudança, o user agent será um user agent de computador por padrão e usará uma janela de visualização que corresponda à largura da janela, sem usar um tamanho padrão de janela de visualização virtual de 980 px.
Informações para desenvolvedores sobre o modo desktop
Os usuários do Chrome no Android podem mudar as configurações do modo área de trabalho para solicitar um site para computadores ou dispositivos móveis por padrão. Como isso não muda, muitos usuários já sabem como alterar os modos.
Por padrão, o Chrome solicitará o site para computador em tablets premium (aqueles com pelo menos 10 polegadas na tela e 8 GB de RAM). Os desenvolvedores Web precisam verificar se o site funciona bem no modo desktop em tablets.
Com essa mudança para o modo desktop por padrão, o user agent padrão da maioria dos usuários de tablets Android mudará da versão para dispositivos móveis, como:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
para uma versão desktop, assim:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Além disso, os cabeçalhos HTTP SEC-CH-UA-MODEL e SEC-CH-UA-PLATFORM não vão mais informar "Pixel Tablet" e "Android". Em vez disso, informará "" e "Linux" respectivamente.
Teste essa mudança nos seus sites
Com o modo computador se tornando o padrão em tablets premium, é um bom momento para confirmar se todas as interações com as versões para computador do site funcionam bem para os usuários com e sem um teclado físico, tela touch, mouse ou trackpad conectados.
Se você depende do user agent para detectar se seus usuários estão usando o Android, por exemplo, com o Google Analytics, esperamos que essa mudança possa afetar seu site. Além disso, como o Chrome para computadores e o Chrome no Android não compartilham exatamente as mesmas APIs da plataforma Web, é fundamental que você use a detecção de recursos antes de usar a funcionalidade do dispositivo.
Se você depende do user agent para oferecer aos usuários a instalação do app, é possível que, inadvertidamente, você ofereça o download de um binário do Linux. Recomendamos que você use um manifesto de app da Web com a propriedade related_applications. Isso usará o mecanismo padrão do Chrome no Android para solicitar que o usuário instale o aplicativo.
Você pode testar seu site com o modo desktop ativado e desativado seguindo estas etapas ou, como alternativa, pode usar Simulação de dispositivos Chrome DevTools e substituições do user agent.