Ideas Net Studio

Você está vendo: Blog Joomla! Simulando o Browser do iPhone no PC

Simulando o Browser do iPhone no PC

E-mail Imprimir PDF
iPhone Browser

Se você um dia desenvolveu ou esteve envolvido no desenvolvimento de um template, aplicativo ou uma extensão que seja visível no iPhone, com certeza se deparou com um probleminha básico. Ao testar a página você teve que recorrer ao próprio iPhone para visualizar. Mas se você não tem um iPhone e mesmo assim precisa terminar o projeto... o que fazer???

Esse artigo lhe ajudará em uma solução simples e rápida e que funciona.

Quando estavamos desenvolvendo o componente IMEI Server, nós queriamos acidicionar a habilidade dos usuários, poderem acessar a plataforma usando celulares e o primeiro que começamos a mexer foi para o iPhone. Mas enquanto desenvolviamos, achamos muito trabalhoso ficar visualizando no próprio aparelho as páginas para testa-las e começamos então a procurar uma solução. Graças a dois blogs ( iPhone Browser Simulator e How to Emulate iPhone (Change User Agent) in Safari and Firefox Web Browser ) que tratavam mais ou menos do mesmo assunto desse blog, mas que não satisfaziam o que pretendiamos. Bem... pensamos um pouco e juntamos as duas idéias e conseguimos o que queriamos, simular o browser do iPhone, mudando o "user agent" e ao mesmo tempo visualizando os aplicartivos como se fosse um iPhone, mas dentro do meu PC.

Para você alcançar sucesso sigas os seguintes passos que são bem fáceis

Usando o navegador da Apple, o Safari (caso não tenha instalado, recomendo fazer o download pois assim você terá uma maior fidelidade), acesse o site http://testiphone.com.

Você irá notar que o site mostra um iPhone bem grande com as mesmas dimensões em pixels de um iPhone normal, mas ele simula apenas como ficaria uma aplicação do iPhone, mas não simula exatamente o browser do iPhone.

Para conseguir simular o "user agent" do iPhone no seu PC.

  • vá no menu de ajsutes gerais do seu Safari e clique em Prefrências.
  • Irá abrir uma janelina com várias tabs.
  • Clique na última tab Avançado.
  • Marque o checkbox Mostrar menu Desenvolvedor na barra de menus e feche a janelinha.
  • Agora vá ao menu para página atual e selecione Desenvolvedor -> Agente de Usuário -> Mobile Safari X.X.X - iPhone.
  • Pronto... atualize sua página e teste dentro do mini browser do iPhone no site TesiPhone para ver o resultado. Caso a página que você queira testar tenha um redirecionamento baseado no "User Agent", essa dica ira funcionar perfeitamente

Blogs Recentes

Simulando o Browser do iPhone no PC Simulando o Browser do iPhone no PC Qui, 12 de Agosto de 2010 00:00 Se você um dia desenvolveu ou esteve envolvido no desenvolvimento de um template, aplicativo ou uma extensão que seja visível no iPhone, com certez...
Condição para a página inicial Condição para a página inicial Dom, 02 de Março de 2008 09:21 Essa é uma dica bacana para aqueles que ao desenvolver um template, não gostariam que uma parte do mesmo, não apareça na página inicial, mas gost...

Quem Somos?

Atuando no mercado digital da internet desde 1998, temos uma larga experiência no ramo, podendo assim, atingir o objetivo final que é a total satisfação do cliente.

Estamos a Disposição

Amamos receber e-mails. Deixe nos uma mensagem..