Experimente a interface do usuário do iPad no seu PC

Experimente a interface do usuário do iPad no seu PC
Experimente a interface do usuário do iPad no seu PC

Vídeo: Experimente a interface do usuário do iPad no seu PC

Vídeo: Experimente a interface do usuário do iPad no seu PC
Vídeo: HowTo Stream Windows 7/10 Desktop To Multiple/Any Streaming Device Audio & Video with VLC - YouTube 2024, Abril
Anonim

Quer testar o iPad sem passar por uma loja da Apple? Veja como você pode experimentar parte da interface do iPad diretamente do seu navegador!

O iPad é o mais recente gadget da Apple para impressionar o mundo da tecnologia, e as pessoas até esperaram na fila a noite toda para serem as primeiras a colocar as mãos em um. Graças a um simples truque de JavaScript, no entanto, você pode ter uma ideia de alguns dos novos recursos sem sair do computador. Isso não permitirá que você experimente tudo no iPad, mas permitirá que você veja como as novas listas e menus pop-over funcionam exatamente como nos novos aplicativos.

Teste a interface do usuário do iPad a partir do seu navegador

Normalmente, a biblioteca on-line do desenvolvedor do iPhone da Apple parece uma página da Web padrão.

Image
Image

Mas, no iPad, parece e se parece com um aplicativo nativo do iPad. Com um truque de JavaScript bacana de boredzo.org você pode usar essa mesma interface no seu PC. Como o iPad usa o navegador Safari, executamos esse teste no Safari para Windows. Se você ainda não o instalou, poderá baixá-lo da Apple (link abaixo) e configuração como normal.

Agora, abra o Safari e navegue até a página do desenvolvedor da Apple em:
Agora, abra o Safari e navegue até a página do desenvolvedor da Apple em:

https://developer.apple.com

Agora, digite o seguinte na barra de endereço e pressione Enter.
Agora, digite o seguinte na barra de endereço e pressione Enter.

javascript:localStorage.setItem('debugSawtooth', 'true')

Finalmente, clique neste link para ir para a documentação do iPhone OS.
Finalmente, clique neste link para ir para a documentação do iPhone OS.

https://developer.apple.com/iphone/library/iPad/

Depois de um pequeno atraso, deve abrir no estilo iPad completo!

O menu da esquerda funciona exatamente como os menus do iPad, completos com transições. Parece inteiramente um aplicativo nativo, em vez de uma página da web. Para percorrer o texto, clique e puxe para cima ou para baixo da mesma forma que você o usaria em uma tela sensível ao toque.
O menu da esquerda funciona exatamente como os menus do iPad, completos com transições. Parece inteiramente um aplicativo nativo, em vez de uma página da web. Para percorrer o texto, clique e puxe para cima ou para baixo da mesma forma que você o usaria em uma tela sensível ao toque.

Algumas páginas até incluem um menu pop-over, como muitos dos novos aplicativos do iPad usam.

Observe que a página será renderizada para o tamanho do navegador e, se você redimensionar a janela, a página não será redimensionada com ela. Basta pressionar F5 para recarregar a página e ela será redimensionada para caber no novo tamanho da janela. Se você redimensionar sua janela para ser alto e estreito, como o iPad no modo horizontal, a página da Web será alterada e o menu à esquerda desaparecerá em vez de um menu suspenso, exatamente como aconteceria se você girasse o iPad.
Observe que a página será renderizada para o tamanho do navegador e, se você redimensionar a janela, a página não será redimensionada com ela. Basta pressionar F5 para recarregar a página e ela será redimensionada para caber no novo tamanho da janela. Se você redimensionar sua janela para ser alto e estreito, como o iPad no modo horizontal, a página da Web será alterada e o menu à esquerda desaparecerá em vez de um menu suspenso, exatamente como aconteceria se você girasse o iPad.
Isso funciona também no Chrome, já que, como o Safari, é baseado no Webkit. No entanto, parece que não funcionou no nosso teste no Firefox ou noutros navegadores.
Isso funciona também no Chrome, já que, como o Safari, é baseado no Webkit. No entanto, parece que não funcionou no nosso teste no Firefox ou noutros navegadores.
Anteriormente, falamos sobre como você pode experimentar parte da interface do iPhone com o guia do usuário do iPhone on-line. Confira se você ainda não:
Anteriormente, falamos sobre como você pode experimentar parte da interface do iPhone com o guia do usuário do iPhone on-line. Confira se você ainda não:

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

Image
Image

Conclusão

Embora isso não permita que você experimente toda a interface do iPad, pelo menos mostra como funciona. É emocionante ver quanta funcionalidade pode ser armazenada em aplicativos da Web hoje. E não se esqueça, How-to Geek está dando um iPad para um fã aleatório! Vá até a nossa página no Facebook e faça fan-how do Geek se você ainda não fez isso.

Ganhe um iPad na página de fãs do How-To Geek no Facebook

Recomendado: