loader

Experimenta la interfaz de usuario del iPad en tu PC

Anonim

¿Quieres probar el iPad sin ir a una tienda de Apple? ¡Esta es una forma en que puede experimentar algo de la interfaz de usuario del iPad directamente desde su navegador!

El iPad es el último dispositivo de Apple para sorprender al mundo tecnológico, y la gente incluso hizo fila toda la noche para ser una de las primeras en hacerse con una. Sin embargo, gracias a un simple truco de JavaScript, puede familiarizarse con algunas de sus nuevas funciones sin tener que salir de su computadora. Esto no le permitirá probar todo en el iPad, pero le permitirá ver cómo funcionan las nuevas listas y los menús emergentes, igual que en las nuevas aplicaciones.

Prueba la UI del iPad desde tu navegador

Normalmente, la biblioteca en línea para desarrolladores de iPhone de Apple se parece a una página web estándar.

Pero, en el iPad, se ve y se siente como una aplicación nativa para iPad. Con un ingenioso truco de JavaScript de boredzo.org puede usar esta misma interfaz en su PC. Como el iPad usa el navegador Safari, ejecutamos esta prueba en Safari para Windows. Si aún no lo tiene instalado, puede descargarlo de Apple ( enlace a continuación ) y configurarlo normalmente.

Ahora, abre Safari y ve a la página de desarrolladores de Apple en:

//developer.apple.com

Ahora, ingrese lo siguiente en la barra de direcciones y presione Entrar.

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

Finalmente, haga clic en este enlace para ir a la documentación del sistema operativo del iPhone.

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

¡Después de un breve retraso, debería abrirse en el estilo completo de iPad!

El menú de la izquierda funciona igual que los menús del iPad, completo con las transiciones. Se siente completamente como una aplicación nativa, en lugar de una página web. Para desplazarse por el texto, haga clic y tire hacia arriba o hacia abajo de manera similar a como lo usaría en una pantalla táctil.

Algunas páginas incluso incluyen un menú emergente como el que utilizan muchas de las nuevas aplicaciones de iPad.

Tenga en cuenta que la página se representará según el tamaño de su navegador, y si cambia el tamaño de su ventana, la página no cambiará de tamaño con ella. Simplemente presione F5 para volver a cargar la página, y se redimensionará para ajustarse al nuevo tamaño de la ventana. Si cambia el tamaño de su ventana para que sea alto y angosto, como el iPad en modo horizontal, la página web cambiará y el menú de la izquierda desaparecerá en lugar de un menú desplegable como lo haría si girara el iPad.

Esto también funciona en Chrome, ya que, como Safari, está basado en Webkit. Sin embargo, no parece funcionar en nuestra prueba en Firefox u otros navegadores.

Anteriormente hemos cubierto cómo puede experimentar parte de la IU del iPhone con la guía del usuario en línea del iPhone. Échale un vistazo si aún no lo has hecho:

Ver sitios web móviles en Windows con Safari 4 Developer Tools

Conclusión

Aunque esto no te permite probar realmente toda la interfaz del iPad, al menos te da una idea de cómo funciona. Es emocionante ver cuánta funcionalidad se puede empaquetar en aplicaciones web hoy. ¡Y no lo olvides, How-to Geek está regalando un iPad a un fan aleatorio! Dirígete a nuestra página de Facebook y haz un fan de How-to Geek si aún no lo has hecho.

Gana un iPad en la página de fans de How-To Geek en Facebook

La Elección Del Editor