Com plataformas móveis que representam aproximadamente 50% do tráfego Web global, é seguro dizer que os websites precisam de ser optimizados para acesso através de dispositivos móveis se quiserem ter uma hipótese de sucesso. Consequentemente, as empresas estão agora trabalhando constantemente para fornecer aos usuários uma experiência web impecável em dispositivos móveis. Para desenvolvedores e QAs, isso se traduz em testes abrangentes de aplicativos web em dispositivos móveis reais e navegadores que são populares entre os usuários.
Android é, sem dúvida, a plataforma móvel mais popular do planeta, tendo conquistado 74% de participação de mercado. Além disso, o Chrome é o navegador padrão para a maioria dos dispositivos Android. Naturalmente, o Chrome domina o segmento de navegadores móveis. Assim, o teste em uma combinação de navegador de dispositivo que domina o espaço da internet é obrigatório.
Este artigo tem como objetivo orientar os desenvolvedores ou QAs sobre como eles podem testar e depurar remotamente seus sites para o Chrome em dispositivos Android reais.
Então vamos começar.
Debugar sites no Android Chrome usando o BrowserStack Live
BrowserStack torna a depuração do Chrome em dispositivos Android reais sem esforço. Os desenvolvedores têm acesso instantâneo ao Chrome DevTools em seu aparelho Android escolhido. Isto torna fácil para o testador rastrear bugs específicos em um dispositivo específico.
Seguir os passos abaixo para começar a depuração remota no Android-Chrome.
- Inscreva-se para uma avaliação gratuita no BrowserStack Live.
- Após a conta ser criada, navegue para o Live Dashboard.
- Dos sistemas operativos disponíveis, escolha Android.
- Escolha o fornecedor desejado (Samsung, OnePlus, etc)
- Passe por cima do aparelho desejado. (Vamos tomar o Samsung Galaxy S20 como exemplo) e clique no ícone do Chrome. Isto iniciará uma nova sessão Chrome num dispositivo Samsung S20 real.
- Após o início da sessão, os utilizadores podem simplesmente navegar até ao site que precisam de testar e podem começar a depurar utilizando o Chrome DevTools.
- Inicie o Chrome DevTools a partir da barra de ferramentas flutuante.
A imagem acima mostra como se pode usar ferramentas de desenvolvimento para inspecionar ou depurar um elemento web específico no site do Google. A ferramenta para desenvolvedores permite que desenvolvedores e QAs modifiquem e testem o código na hora. Isto permite a depuração de componentes HTML, CSS, JavaScript para elementos web.
Try Remote Debugging on Android for Free
Note: Também é possível testar seus sites atualmente em desenvolvimento usando o recurso de teste local. Consulte esta documentação completa sobre Testes Locais para começar. A depuração nos estágios iniciais ajuda os desenvolvedores a evitar bugs críticos mais tarde.
Testar websites em múltiplos dispositivos reais requer um laboratório de dispositivos no local. Tais laboratórios requerem um investimento financeiro significativo, além de atualizá-lo e mantê-lo pode revelar-se uma tarefa muito tediosa. Como resultado, o uso de uma nuvem de dispositivos reais é uma alternativa econômica.
Ler também: Como inspecionar elementos no Android
Plataformas como BrowserStack capacitam equipes e desenvolvedores individuais, fornecendo-lhes a infra-estrutura de teste ideal para testes remotos. As organizações não precisam de se preocupar em manter um laboratório de dispositivos no local. Elas apenas precisam se inscrever gratuitamente, escolher a combinação de navegador de dispositivo desejada e começar a usar. Além disso, recursos como Teste local e DevTools em navegadores móveis ajudam a eliminar pontos de dor no teste e tornam o processo visivelmente mais fácil.