Creación de una versión móvil de un sitio web

Estoy buscando para crear una versión móvil de nuestro sitio web / aplicación web. ¿Cuál es una buena manera de proporcionar la mejor, la versión más completa.

Parte de la razón de la creación es en lugar de una aplicación para el iPhone, así que me gustaría ofrecer una aplicación web para iPhone que aprovecha al máximo la versión del iPhone de WebKit (por lo que las animaciones CSS, poder confiar en el buen soporte javascript etc) . Sin embargo, también me gustaría que el sitio funcionara bien en otros teléfonos inteligentes, así como en teléfonos móviles más básicos.

¿Puedo crear dos sitios (Mobile WebKit y Web móvil básico) y redireccionar basado en Agente de usuario? ¿Puedo crear un sitio que se degrada bien? ¿Cuáles son las posibilidades y cómo las manejan otras personas?

Además: ¿son los simuladores de web móvil vale la pena? Tengo un iPhone, así que puedo probar fácilmente en eso. Si quiero probar en Blackberry / Palm Pre ¿Realmente necesito un dispositivo o hay simuladores confiables?

Estas son algunas de las bibliotecas específicas de iPhone que proporcionan una apariencia nativa en webkit:

  • IUi
  • JQTouch
  • Sencha Touch
  • IWebkit

Conseguir que funcione en la mayoría de los teléfonos sin duda será un problema con la mayoría de las bibliotecas, ya que están construidos alrededor con el tamaño de la pantalla del iPhone (320x480) en mente.

Para obtener una cobertura más amplia de los dispositivos, incluidos los teléfonos Android y J2ME, visite el Blueprint de Yahoo . Es un lenguaje de marcado que se traduce para diversas plataformas y dispositivos.

Puede obtener la vista móvil basada en Agente de usuario cambiando dinámicamente la hoja de estilos en su servidor al escupir la página. Esto no es un acercamiento recomendado sin embargo para las páginas pesadas como usted todavía estará enviando pedazos enormes de datos que no serían rendidos. Alternativamente, si tiene una separación clara de sus vistas, puede templatize la vista basada en el agente de usuario y / u otros parámetros. Esto tiene la ventaja de mantener la lógica del controlador en un solo lugar con sólo cambiar las vistas. Puede utilizar las bibliotecas anteriores para iPhone / iPod Touch y cambiar a una versión móvil más simple para otros smartphones o ajustarla como desee.

La creación de una versión móvil independiente del sitio puede resultar difícil de mantener cuando surgen cambios.

Los simuladores de iPhone y Android están lo más cerca posible del trato real. El iPhone no le permitirá hacer cosas como hacer llamadas en el simulador por razones obvias, pero el Android ofrece simulaciones de implementaciones para básicamente todo en el dispositivo.

  • Detectar la compatibilidad con la entrada de archivos del navegador
  • Entrada de Android / iOS enfocada al tocar en el cuerpo de la página
  • Evento de clic de JQuery de un elemento div en li no disparado en Safari móvil
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.