Screencaster Transmitindo conhecimento


Como testar seu site no iPhone sem ter um iPhone

Post rápido, apenas para solucionar um problema que alguns ainda têm: testar seu site no iPhone.

Muita gente ainda não tem (ou nunca terá) um iPhone ou iPod Touch. Eu ainda não tenho o meu (quero um iPod Touch), mas por questões financeiras (tenho que priorizar outras aquisições hehehe), e quando preciso testar algum site (como por exemplo o Screencaster, que recentemente recebeu uma versão específica para o gadget) utilizo uma das opções a seguir:

Primeira opção: iPhoney - Simulador de iPhone

O iPhoney é um programinha muito simples que mostra uma interface do iPhone no seu computador, onde você pode navegar por sites.

Eu recomendo o iPhoney para testes com sites sem versão específica para iPhone, pois quando o programa vai abrir o site que você pede, ele não se identifica com o user agent do iPhone, sendo assim, sites com redirecionamento automático para iPhones/iPods não irão abrir a versão correta nele.

O único contra dele é que, me corrijam se eu estiver errado, só há versão para Mac OS. No entanto, nossa próxima dica vale para Mac e para Windows.

Segunda opção: Menu Developer do Safari

Isso mesmo. Bem simples não? Para você ativar o menu developer do Safari, siga as instruções:

Vá ao menu Safari > Preferences… na categoria Advanced

Agora marque a opção “Show developer menu in menu bar” e feche as preferências

Você deverá notar o aparecimento de “Developer” no menu, que traz uma enorme quantidade de ferramentas para desenvolvedores. Uma delas é a “User Agent”, que permite que você mude o user agent do Safari, fazendo ele se passar por outros browsers.

Se você observar as opções, irá encontrar “Mobile Safari …”, basta escolher a opção em um site que tenha versão para o iPhone, e você terá a versão correta do site exibida no Safari (que sem dúvida tem a renderização idêntica ao Mobile Safari).

Esta dica também pode ser usada em sites que só permitem acesso por determinados browsers, mas que na verdade funcionam no Safari.

Fica a dica pessoal, espero que possa ser útil!

Até mais!

Este post foi útil? Então clica aí, vai :D


4 pessoas comentaram

  1. Como testar seu site no iPhone sem ter um iPhone…

    Muita gente ainda não tem (ou nunca terá) um iPhone ou iPod Touch. Eu ainda não tenho o meu (quero um iPod Touch), e quando preciso testar algum site utilizo uma das opções a seguir……

  2. Rangel says:

    muito boa dica para windows, valeu!!! mas confesso q fiquei tentado a usar o Iphoney O.o rsrsrs…valeu abss.

  3. dudu says:

    mto bom!! … se naum fosse voce naum iria achar a ferramenta que eu tava precisandao …… porém desse jeito falta uma ferramenta para redimencionar o site para que fique do tamanho do celular para que deixe do tamanho certo!! o mozilla e o opera fazem isso!! então procurei alguma coisa q fizesse isso no mozilla de setar o iphone. https://addons.mozilla.org/en-US/firefox/addon/59 user agente switcher faz isso! e a web developer que tb eh um addon do mozzila faz a pagina aparecer no tamanho do iphone! No campo outros exibir em telas pequenas! ..

    Estou usando essas ferramentas no win e no linux! e fiquei parcialmente satisfeito!!! pois queria um emulador concreto!

  4. Muito bom !!!

    agora da pra praticar uns layouts para IPhone!

Agora é a sua vez: