Visualizar sites móveis no Windows com o Safari 4 Developer Tools

Quer experimentar websites para dispositivos móveis desenvolvidos para o iPhone e outros dispositivos móveis no seu PC? O Safari 4 para Windows permite que você faça isso facilmente com suas ferramentas de desenvolvedor.

Por padrão, o Safari mostrará sites de desktop padrão. Mas ao fazer uma alteração simples, você pode mudá-lo para funcionar como o Safari Mobile no iPhone ou iPod Touch.

Começando

Primeiro, verifique se você tem o Safari 4 para Windows instalado. Você pode baixar o Safari diretamente (link abaixo) e instalá-lo como de costume.

Ou, se você já tiver outro programa da Apple instalado, como o QuickTime ou o iTunes, você poderá instalá-lo a partir da atualização do software da Apple. Basta entrar atualização de software da apple na caixa de pesquisa do menu Iniciar.

E selecione Safari 4 na lista de novos softwares disponíveis. Clique em Instalar para baixar e instalar automaticamente o Safari.

Aceite o contrato de licença e, em seguida, o Safari instalará automaticamente.

Quando isso terminar, o Safari estará pronto para usar.

Visualizar sites para celular no Safari

Primeiro, precisamos ativar as ferramentas do desenvolvedor. Clique no ícone de engrenagem na barra de ferramentas e selecione Preferências.

Clique na guia Avançado e marque a caixa que diz "Mostrar menu de desenvolvimento na barra de menus".

Depois de fechar a caixa de configurações, clique no ícone da página, selecione Desenvolver, depois Agente do usuário e escolha uma das configurações do Mobile Safari. Em nosso teste, escolhemos o Mobile Safari 3.1.2 - iPhone.

Para que seu navegador emule melhor um dispositivo móvel, você pode ocultar os marcadores e a barra de guias para ter uma interface mais simplificada.

Clique no ícone de engrenagem e selecione "Ocultar barra de favoritos" e, em seguida, repita e clique em "Ocultar barra de guias".

Você também pode reduzir sua janela para ficar mais próxima do tamanho da tela de um dispositivo móvel. Depois de fazer essas coisas, o Safari deve ser semelhante a essa captura de tela. Aqui carregamos o Google.com e você pode vê-lo em sua interface no estilo do iPhone.

Basta inserir um site na barra de endereço e ele será carregado na interface do celular, se tiver um. Aqui estão outras ofertas móveis do Google, dentro do Windows.

O Gmail carrega mensagens com a interface padrão do iPhone.

Um site móvel especialmente interessante é o Guia do Usuário on-line da Apple. Quando carregado no Safari com a configuração do iPhone, ele é carregado com uma interface de usuário móvel muito boa que funciona exatamente como um aplicativo para iPhone. Na verdade, você pode até mesmo clicar e arrastar para rolar, assim como faria com o dedo em um iPhone.

Conclusão

Mesmo que você não tenha um smartphone, ainda é possível visualizar quais sites serão exibidos com esse truque. Nem todos os sites funcionarão, é divertido brincar com sites diferentes que têm versões para dispositivos móveis.

Links:

Safari 4 Download

Guia do usuário on-line do Apple iPhone