Actualmente estoy trabajando con el equipo de desarrollo de iUI en el estilo CSS actual para el proyecto y debo decir que estoy bastante impresionado por el poder del pequeño broswer. La mayoría de las funciones de webkit están disponibles para el usuario final, incluidos -webkit-gradients para que pueda sacar la mayor parte de los elementos de la interfaz de usuario con cero imágenes. Si bien puede representar la página de manera diferente en la cadena User-Agent, recomiendo alejarse de esto a partir de esto, ya que puede apuntar al iPhone con un diagrama de estilos.
<link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
Esto le permite utilizar el mismo marcado HTML, y cambiar la forma en que se ve su iPhone.
Para iPhone OS Emulators, apple has you covered, en el lado de Windows es Safari, y no olvides cambiar el agente de uso de iPhone en las opciones de desarrollo. Sin embargo, utilizo Chrome ya que también usa el motor de webkit, por lo que la mayoría de los CSS son sintaxis de la misma manera.
Sin embargo, la mayoría de las personas tiene un iTouch o iPhone si haces este tipo de trabajo de desarrollo. Su mejor apuesta es probar en el teléfono 2G ya que tiene el mayor nivel de restricción (y la más lenta de todas las CPU). Esto le da un caso de error que, si lo considera aceptable, solo mejorará para las personas con 3G y 3GS.
Algunos grandes recursos en la materia incluyen:
Apple's Webapps Page
Apple's Developer Safari Page - Incluye el enlace a iPhone Simulator (sólo Mac).
ADC: Safari Reference Library
ADC SRL: Getting Started with Web Apps
ADC SRL: Getting Started with iPhone Web Apps
debe decir: iPhone Human Interface Guidelines for Web Applications - Metrics, Layout Guidelines, and Tips
Submit your WebApp
definitivamente la mejor cosa para usar. –
gran cosa, gracias. Usaré jQuery en este proyecto, así que lo intentaré. – kender
Nunca he visto esto antes; Definitivamente verifico esto. – tahdhaze09