A primeira coisa em que esbarrei foi como ver um site que foi feito para celular se eu não tenho um desse celulares caros como o iPhone. Então eu pesquisei uma maneira de simular e testar sites desenvolvidos para mobile.
Um importante conceito a se entender para rodar testes em um ambiente simulado é o user agent do pacote de dados http. O user agent é a informação que o browser envia quando acessa um link sobre si próprio. Essa string contem dados variados sobre a versão do browser e muitas vezes o sistema operacional e sua versão. A partir dessa string é possível identificar se o usuário que está acessando o site usa um dispositivo movel ou um desktop.
Muitos sites como orkut, gmail entre outros tem uma versão (ou até 2) para dispositivos moveis alem do site para desktop acessando-se o mesmo link. É a partir do user agent que o site entrega a versão adequada para o seu dispositivo.
Então digamos que queremos ver como o orkut ficaria no iphone, no milestone e no blackbarry. Bom acabaria ficando meio caro ter um de cada desses aparelhos para isso. Felizmente existe um complemento, o User Agent Switcher, para firefox que permite trocar o user agent que o browser envia, dessa forma você pode se passar por iPhone enquanto usa o firefox.
Mas ainda teremos problemas quanto a resolução do aparelho. Nesse caso o Web Developer, outro complemento para firefox pode nos ajudar a ajustar a resolução do viewport para ficar compatível com o celular.
Com essas duas ferramentas já podemos explorar como os sites atuais ficam em suas versões portáveis, mas ainda deixamos para próximos posts o javascript.
