2008-09-20 11 views
5

Tenemos un sitio bastante simple (mínimo JS) con html simple y CSS. Es una interfaz móvil simple para nuestra aplicación principal.¿Cómo hacer que un sitio simple se represente correctamente en múltiples navegadores móviles?

Estamos teniendo problemas porque tenemos más de una columna y varios navegadores parecen forzar columnas individuales.

A través de algunas búsquedas encontré 2 metaetiquetas.

<meta name="MobileOptimized" content="220" /> 
<meta name="viewport" content="width=320" /> 

Con estos tenemos una buena vista a escala para IE Mobile y el iPhone. No hemos tenido ningún problema con Blazer de Palm. Pero Blackberry es otro asunto.

¿El Blackberry también tiene una forma simple de controlar la vista del navegador? Por simple quiero decir sin hacer una página especial para ese dispositivo.

Respuesta

3

No me molestaría en hacer una versión "mediana" para el iPhone, etc. Los usuarios de iPhone pueden simplemente mirar su página web real con la suficiente facilidad. Tenga su versión completa y una versión de columna única, y llegará a la audiencia más grande con un trabajo mínimo.

Para responder a su pregunta, no hay una buena manera de hacer que Blackberry haga otra cosa que no sea vistas de 1 columna. Puede hacer que se vea bastante profesional, ya que CSS y JavaScript simple todavía se aplican, pero tendrá que perder gran parte de su espacio horizontal.

+0

Estoy de acuerdo con el punto de iPhone, especialmente si estás haciendo detección de navegadores: me molestan sitios como MSNBC.com que me muestran una versión castrada del sitio cuando mi iPhone podría mostrar fácilmente la versión completa. – ceejayoz

+0

Correcto, pero al mismo tiempo no querría tener un sitio que consuma cantidades masivas de memoria en un dispositivo que podría tener un total tan bajo como 32 MB. Además: esta versión "mínima" podría servir como la versión para usuarios sin javascript ni navegadores más antiguos. – nlaq

3

Mi recomendación sería la creación de dos o tres versiones del sitio:

  • sitio de soplado completo para navegadores de escritorio modernos (si se trata de una aplicación muy pesada)
  • Sitio con JS mínimos y CSS para la buena navegadores móviles y navegadores de escritorio (me vienen a la mente los teléfonos iPhone y SkyFire)
  • Sitio sin JS, una sola columna y en su mayoría solo texto sin formato.

La razón es que la codificación de 3-4 navegadores de escritorio es bastante difícil. No se suicide en otros cientos de dispositivos para codificar y cree una página simple que simplemente genere información.

Recuerde el principio de diseño básico del desarrollo web: a los usuarios no les importa. Quieren información o funcionalidad. Te parecerá mucho mejor si tuvieras un diseño simple y claro para navegadores móviles malos (IE o Blackberry) y luego intentaras hackear algo que eventualmente se convierta en una pesadilla de mantenibilidad y que potencialmente te haga quedar mal si alguien usa otro móvil navegador y aún no ha escrito el sitio específico del teléfono.

Cuestiones relacionadas