Qual o melhor simulador mobile?

[wneo 5]

Boa tarde!

 

Mergulhando no mar da responsividade, gostaria de saber qual a melhor forma de testar a visualização da aplicação (site/sistema) em um monitor grande (pc)...

 

Já usei alguns simuladores como testemobile.com e o http://www.mobilephoneemulator.com/. E até mesmo o emulador do navegador.

 

Nessas três opções pude observar pequenas diferenças entre o resultado de um e de outro, então fico pensando na veracidade do resultado.

 

Sendo assim, oq vcs indicam para realizar um teste com o máximo de precisão? (sites/aplicativos)...

[Marco Bruno 19]

Boa tarde,wneo.

 

O Chrome ou o Firefox tem simuladores para você testar o seu site responsivo, que funcionam muito bem. E a Mozilla desenvolveu um simulador do Firefox OS que funciona dentro do navegador Firefox.

 

Como a própria palavra simulador já diz: é apenas uma simulação. Sendo assim, sempre é importante você testar direto no device ou em emuladores.

 

Eu nunca utilizei esse site(http://www.mobilephoneemulator.com) que você comentou, mas se ele é realmente é um emulador, vale apenas utilizar ele para testes finais.

 

Agora quando você estiver desenvolvendo um sistema/site responsivo, recomendo você utilizar o simulador do Chrome ou Firefox.

 

[]'s

Marco Bruno.

[wneo 5]

Olá Marco...

 

Compreendi a questão dos simuladores e emuladores, foi esclarecedor seu posicionamento.

 

Gosto dos emuladores dos navegadores chrome e firefox developer edition... mas fico confuso quando emulo 320x480 no firefox e vejo um resultado, e então quando emulo o mesmo 320x480 no chrome tenho outro resultado...

[Marco Bruno 19]

wneo,

 

Realmente vai ser diferente nós dois navegadores(Chrome e Firefox), pois é apenas um simulador em ambos o casos.

 

 

No simulador do Chrome você pode definir qual o device que você quer testar. Mas quando você define o devcice o que o Chrome faz é:

 

- Deixar o tamanho de tela igual ao do device que você escolheu;

- Simular o user agent do device que você escolheu;

- Simular o pixel radio do device que você escolheu;

- Simular o comportamento de touch.

 

Ainda dentro do Chrome você pode escolher simular uma conexão de internet(network) e até mesmo deixar offline para verificar como vai ser o comportamento do seu app/sistema/site, quando seu usuário estiver sem internet.

 

 

No caso do Firefox como não temos uma lista de device para escolher, nós apenas definimos um tamanho de tela e ele apenas simula:

 

- Tamanho de tela; (rs*)

- User agent;

- Pixel radio;

- Touch.

 

E até onde vai meu conhecimento, o Firefox não tem como simular uma conexão de internet(network) diferente ou deixar offline.

 

Recomendo você assistir o hangout sobre o design responsivo com o Sérgio Lopes e Luiz Corte Real, que aconteceu nessa segunda-feira(30/03/2015):

https://plus.google.com/events/cb6d4v462jincpsikf6n0lnce4k

 

[]'s

Marco Bruno.