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

Quer testar o iPad sem passar por uma loja da Apple? Aqui está uma maneira de experimentar algumas das interfaces 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 os 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.

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, pode 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:

http://developer.apple.com

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.

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

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

O menu da esquerda funciona 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 incluem até mesmo 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 mudará 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, não parece funcionar em nosso teste no Firefox ou em outros navegadores.

Anteriormente, falamos sobre como você pode experimentar algumas das interfaces do iPhone com o guia do usuário on-line do iPhone. Confira se você ainda não tem:

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

Conclusão

Embora isso não permita que você realmente experimente toda a interface do iPad, pelo menos dá uma idéia de como ele 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 o fez.

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