O Chrome se adaptou ao ecossistema dos tablets Android ativando o modo desktop por padrão em tablets premium. Esta postagem do blog explica o que é o modo área de trabalho e o que os desenvolvedores precisam saber sobre como proporcionar experiências de alta qualidade em tablets premium.
Os sites precisam se adaptar a vários tamanhos de tela, formatos, métodos de entrada e recursos do dispositivo. Como alternativa ao uso de técnicas de design responsivo, os desenvolvedores da Web geralmente recorrem ao user agent do navegador para exibir sites diferentes em dispositivos móveis e computadores.
Historicamente, um user agent mobile é o padrão do Chrome no Android. Nesse modo, os sites criados apenas para computadores (ou seja, não há janela de visualização meta) sã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 smartphones. Nos casos em que o usuário quiser carregar somente a versão para computador do site (porque o site renderiza versões diferentes do site com base no user agent), o usuário poderá ativar as configurações do modo área de trabalho, que alterarão o user agent para uma versão para computador e forçarão a janela de visualização a ter 980 pixels.
À medida que dispositivos grandes e potentes se tornaram prontamente disponíveis no ecossistema de tablets Android, descobrimos que, muitas vezes, a experiência no site para computador pode ser melhor do que no site para dispositivos móveis. Os sites para dispositivos móveis projetados para telas pequenas e pouca RAM nem sempre aproveitam a tela grande e outros recursos avançados de dispositivos. Portanto, em tablets premium, o modo área de trabalho 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 o tamanho padrão de 980 pixels.
Informações para desenvolvedores sobre o modo área de trabalho
Os usuários do Chrome no Android podem alterar as configurações do modo área de trabalho para solicitar um site para computador ou para dispositivos móveis por padrão. Isso não está mudando, então muitos usuários já estão familiarizados com a mudança de modos.
Por padrão, o Chrome solicitará o site para computador em tablets premium (aqueles com pelo menos 10 polegadas e 8 GB de RAM). Os desenvolvedores da 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 para a maioria dos usuários de tablets Android será alterado da versão para dispositivos móveis da seguinte forma:
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 para computador, como esta:
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", e sim "" e "Linux", respectivamente.
Teste essa mudança nos seus sites
Agora que o modo desktop está 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 conectado, uma tela touch, um mouse ou um trackpad.
Se você confia no user agent para detectar se os usuários estão usando o Android, por exemplo, com o Google Analytics, é provável que essa mudança afete seu site. Além disso, como o Chrome para computador e o Chrome no Android não compartilham exatamente as mesmas APIs Web Platform, é fundamental que você use a detecção de recursos antes de utilizar um recurso de dispositivo.
Se você confia no user agent para oferecer aos usuários a instalação do seu app, pode acabar oferecendo o download de um binário do Linux. Recomendamos que você use um manifesto de app da Web com a propriedade related_applications. Assim, o Chrome no mecanismo padrão do Android será usado para solicitar que o usuário instale seu aplicativo.
É possível testar seu site com o modo de área de trabalho ativado e desativado seguindo estas etapas ou usar a simulação de dispositivos do Chrome DevTools e as substituições do user agent.