Como administrador de um blog, depuro meu site pessoal usando o Chrome para ver como seriam as alterações no tema e no CSS antes de implementá-las permanentemente no servidor. Eu não fazia muito tempo quando nunca paguei
atenção às páginas móveis
já que poucos visitantes visitaram meu site usando um smartphone. Mas hoje, uma porcentagem significativa de visitantes é composta por smartphones e tablets e, portanto, tornou-se necessário cuidar da aparência e da apresentação também.
Se fosse uma página no computador, uma poderia facilmente ser depurada usando a opção do menu de contexto do botão direito do Chrome, mas essa não é a opção com as páginas no celular. Portanto, hoje mostrarei como você pode depurar páginas da Web para dispositivos móveis em seu computador usando o Chrome para Android e o Android SDK.
Depurando a página da Web
Passo 1: Baixe e instale o Android SDK no seu computador e execute-o. O instalador solicitará que você baixe o Java se você não o tiver instalado.
Na primeira vez que você executar o Android SDK em seu computador, ele solicitará que você baixe várias APIs e ferramentas. Se o seu único propósito de instalar o Android SDK for depurar as páginas, desmarque tudo, exceto Ferramentas da plataforma Android SDK e clique no Pacote de instalação botão.
Passo 2: Depois de instalar as ferramentas da plataforma Android, abra a Caixa de Execução (Windows+R) e execute %userprofile%\AppData\Local\Android\android-sdk\platform-tools para abrir o diretório de ferramentas da plataforma Android.
Etapa 3: Agora segure a tecla Ctrl+Shift e clique com o botão direito do mouse na pasta para abrir o prompt de comando. Você também pode abrir o prompt de comando usando a caixa Executar e navegar até a pasta manualmente.
Passo 4: Feito isso, abra o Chrome no seu telefone Android, abra Configurações—>Ferramentas do desenvolvedor e marque a opção Enable USB Web debugging.
Passo 5: Agora no prompt de comando execute o comando adb forward tcp:9222 localabstract:chrome_devtools_remote e abra o navegador Chrome no Windows na execução bem-sucedida.
Passo 6: Abra a página que você deseja depurar em seu navegador Android Chrome e abra o URL localhost:9222 no navegador Chrome do seu computador.
Isso é tudo, você verá todas as páginas que estão abertas no seu navegador Android como miniaturas no seu computador. Para abrir a página de depuração, basta clicar na respectiva miniatura do site. Você poderá acompanhar as alterações de depuração feitas em seu computador diretamente no Android em tempo real.
Conclusão
Tenho certeza de que esse truque ajudará muitos desenvolvedores da Web a otimizar suas páginas da Web para smartphones. Eu usei o truque para configurar minhas páginas da web e funcionou como um encanto. No entanto, se você souber de uma maneira melhor de depurar as páginas da Web do smartphone no computador, compartilhe-a conosco.
