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

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

Vídeo: Visualizar sites móveis no Windows com o Safari 4 Developer Tools

Vídeo: Visualizar sites móveis no Windows com o Safari 4 Developer Tools
Vídeo: Linux | Como Remover programas no Linux via apt-get no Terminal | Lubuntu Linux - YouTube 2024, Abril
Anonim

Quer experimentar websites para dispositivos móveis desenvolvidos para o iPhone e outros dispositivos móveis no seu PC? O Safari 4 for 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 no 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.

Image
Image

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 Apple. Basta entrar atualização de software da apple na caixa de pesquisa do menu Iniciar.

Em seguida, selecione Safari 4 na lista de novos softwares disponíveis. Clique em Instalar para baixar e instalar automaticamente o Safari.
Em seguida, 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 será instalado automaticamente.
Aceite o contrato de licença e, em seguida, o Safari será instalado automaticamente.
Quando isso estiver concluído, o Safari estará pronto para uso.
Quando isso estiver concluído, o Safari estará pronto para uso.
Image
Image

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".
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.
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.
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.
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 em sua interface para celular, se houver um. Aqui estão outras ofertas móveis do Google, dentro do Windows.
Basta inserir um site na barra de endereço e ele será carregado em sua interface para celular, se houver um. Aqui estão outras ofertas móveis do Google, dentro do Windows.
O Gmail carrega mensagens com a interface padrão do iPhone.
O Gmail carrega mensagens com a interface padrão do iPhone.
Um site para celular especialmente interessante é o Guia do usuário on-line da Apple para iPhone. 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é clicar e arrastar para rolar, exatamente como faria com o dedo em um iPhone.
Um site para celular especialmente interessante é o Guia do usuário on-line da Apple para iPhone. 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é clicar e arrastar para rolar, exatamente como faria com o dedo em um iPhone.
Image
Image

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 tenham versões para celular.

Links:

Safari 4 Download

Guia do usuário on-line do Apple iPhone

Recomendado: