A pesar de que todavía no podemos desarrollar aplicaciones para el iPhone de manera nativa (recordad que el SDK de desarrollo está previsto para Febrero según Jobs) ya se pueden construir aplicaciones a través del WebKit de Safari que aparenten ser nativas. Esto quiere decir que podemos construir aplicaciones web específicas para el iPhone.

Un truco que acabo de descubrir es como detectar la orientación en la que se encuentra el iPhone y poder cambiar el layout de nuestra aplicación dependiendo de este. Para ello simplemente debemos consultar la propiedad window.orientation a través de javascript. Esta propiedad toma los siguientes valores:

  • 0: Indica que el teléfono se encuentra en modo “portrait” o modo normal, vertical.
  • 90: Indica que el teléfono se encuentra en modo “landscape” o modo horizontal y que la pantalla se ha girado hacia la izquierda.
  • -90: Indica que el teléfono se encuentra en modo “landscape” o modo horizontal y que la pantalla se ha girado hacia la derecha.

Esta propiedad podemos consultarla dentro de una función que podemos especificar que se ejecute cuando cambia la orientación simplemente capturando el evento window.onorientationchange.