Partimos do principio que você já sabe como criar layouts e desenvolver um site responsivo. Na verdade seu projeto já está quase pronto. A última etapa é testar o funcionamento! 🙂
Existem diversas maneira de garantir a efetividade do layout.A primeira delas, e mais óbvia, é testando ao vivo em diversos dispositivos.
Em um mundo ideal você deveria testar o seu layout na maior quantidade de aparelhos, browsers e sistemas operacionais possíveis! Alias, você pode até ser fanático por isto e incomodar seus amigos e visualizar o layout em um celular diferente dizendo “posso testar uma coisa rapidinho?”.
Se quiser manter seus amigos e garantir que o seu layout está bacana em diferentes dispositivos você pode utilizar algumas das soluções abaixo.
Screenfly
O Screenfly possui uma grande gama de aparelhos (incluindo até televisores). É possível compartilhar as capturas de tela, modificar a orientação e determinar manualmente um breakpoint. A régua de pixels também quebra um galho. Para utilizar o sistema basta digitar a URL que o Screenfly cuida do resto.
Mobitest
Ferramenta online para teste de performance, sua página será carregada em um dispositivo móvel real, e você receberá os detalhes sobre quanto tempo demorou para carregar, incluindo gráficos em cascata e gravação de vídeo do carregamento da página.
Responsinator
O Responsinator é uma ferrameta online que ajuda a obter rapidamente uma indicação de como o seu site vai ser visto nos dispositivos mais populares.
Opera Mobile Emulator
Este emulador tem uma grande lista de dispositivos para testes, é super simples de instalar e permite que você faça desenvolvimento móvel a partir do seu desktop.