iphone - para - ¿Cómo hacer que un sitio simple se reproduzca correctamente en múltiples navegadores móviles?
version movil en pc (3)
Tenemos un sitio bastante simple (mínimo JS) con html simple y CSS. Es una interfaz móvil simple para nuestra aplicación principal.
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 meta tags.
<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />
Con esto 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.
¿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.
Mi recomendación sería crear dos o tres versiones del sitio:
- Sitio completo para navegadores de escritorio modernos (si es una aplicación muy pesada)
- Sitio con mínimo JS y CSS para buenos navegadores móviles y navegadores de escritorio (me vienen a la mente IPhone y SkyFire)
- Sitio sin JS, columna única 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 básico de diseño del desarrollo web: a los usuarios no les importa. Quieren información o funcionalidad. Te parecerá mucho mejor si tienes un diseño simple y claro para los navegadores móviles malos (IE o Blackberry) y luego intentes 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.
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.
Sin embargo, 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.
BlackBerry (desde OS 4.6 y superior) admite tanto la etiqueta meta-viewport como la etiqueta meta-HandheldFriendly. Consulte el documento "Pautas de diseño de contenido" en http://na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser para obtener más información.