6

Estou desenvolvendo um site que, embora fique bem no desktop, está ficando desformatado quando acessado via dispositivos móveis. Especificamente, alguns problemas ocorrem quando usado o browser padrão do Android, outros quando usado o Chrome pro Android. Não tenho acesso a outros aparelhos para testar (iPhone, etc).

Para depurar no desktop, em geral basta usar as próprias ferramentas do browser (tipo "Inspecionar Elemento"), mas não há algo equivalente que eu saiba nesses dispositivos. Eu vejo o elemento fora do lugar, mas não consigo imaginar por que... (e o site ainda usa vários plugins de terceiros, o que complica um bocado a tarefa)

Existem ferramentas para auxiliar na depuração de sites para dispositivos móveis? De preferência algo que eu possa instalar no desktop, sem precisar ter acesso ao dispositivo de fato. Eu cheguei a instalar o Android numa máquina virtual, o que não ajuda muito, pois ainda carece de meios para fazer a depuração. Como isso normalmente é feito?

3
  • 6
    O device mode do google chrome tu já usou?
    – haykou
    27/02/2015 às 20:10
  • @haykou Não conhecia não, parece muito bom! Valeu, vou experimentar aqui
    – mgibsonbr
    27/02/2015 às 20:17
  • Uma opção fantástica no chrome para Android é o Remote Debugging. 27/02/2015 às 20:22

3 Respostas 3

1

Bom, te aconselho a baixar o Firefox Developer Edition o logan deles é "Feito para aqueles que fazem a Web,Apresentamos o único navegador feito especialmente para desenvolvedores como você." segue o link: Firefox Developer Edition

1

Você pode utilizar a opção no próprio google chrome na barra de opções ao lado de Elements.

Device mode.

Você pode debugar e visualizar seu site em vários dispositivos. Os emuladores nunca serão 100% mas eu utilizo um tempo e ajuda bastante, na hora dos testes.

1

Se a depuração for de apenas javascript pode usar o http://jsconsole.com/

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .