3Sep

Experimente o iPad UI no seu PC

click fraud protection

Quer testar o iPad da unidade sem encaminhar para uma Apple Store? Aqui está uma maneira de experimentar alguns dos UI do iPad diretamente do seu navegador!

O iPad é o último dispositivo da Apple para impressionar o mundo da tecnologia, e as pessoas até esperaram na fila toda a noite para ser uma das primeiras a obter as mãos em uma. Graças a um truque de JavaScript simples, no entanto, você pode ter uma idéia de alguns dos seus novos recursos sem sair do seu 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 eles fazem nos novos aplicativos.

Test dirige a interface do usuário do iPad do seu navegador

Normalmente, a biblioteca de desenvolvedores da Apple iPhone em linha parece uma página padrão.

Mas, no iPad, parece e se sente como um aplicativo iPad nativo completo. Com um idêntico truque de JavaScript do boredzo.org, você pode usar essa mesma interface no seu PC.Uma vez que o iPad usa o navegador Safari, corremos esse teste no Safari para Windows. Se você ainda não tiver instalado, você pode baixá-lo da Apple( link

instagram viewer
abaixo ) e configurar 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ços e pressione Enter.

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

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

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

Após um curto atraso, ele deve abrir no estilo iPad completo!

O menu esquerdo funciona como os menus no iPad, com transições. Parece totalmente como um aplicativo nativo, em vez de uma página da Web. Para percorrer o texto, clique e arraste para cima ou para baixo de maneira similar à sua maneira de usar em uma tela sensível ao toque.

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

Observe que a página será renderizada pelo tamanho do seu navegador e, se redimensionar sua janela, a página não redimensionará com ela. Basta pressionar F5 para recarregar a página e redimensionará para ajustar o 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 esquerdo desaparecerá em vez de um menu suspenso, como seria se você girasse o iPad.

Isso também funciona no Chrome, uma vez que, como o Safari, é baseado no Webkit. No entanto, não parece funcionar em nosso teste no Firefox ou em outros navegadores.

Já abordamos como você pode experimentar alguns da interface do usuário do iPhone com o guia do usuário do iPhone online. Verifique isso se ainda não o fez:

Veja sites móveis no Windows com o Safari 4 Ferramentas para desenvolvedores

Conclusão

Embora isso não o permita, experimente toda a interface do iPad, ele, pelo menos, lhe dá uma amostra de comotrabalho.É emocionante ver quanta funcionalidade pode ser empacotada em webapps hoje. E não se esqueça, How-to Geek está dando um iPad para um fã aleatório! Dirija-se à nossa página do Facebook e fale como "Geek" se você ainda não o fez.

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