El navegador Droid causa estragos en mi sitio

Tengo un sitio optimizado para móviles que utiliza un truco bastante simple de servir una página diferente basada en el ancho del navegador. Esto funcionó bien hasta que apareció el Droid, con su pantalla de densidad de píxeles muy alta.

Entiendo que la configuración predeterminada de la pantalla es 800 píxeles de ancho (significativamente más ancho que mi script de detección de ancho, que está tomando su decisión de qué página servir en 500 píxeles). Sin embargo, el navegador Droid parece decidir arbitrariamente reportar un ancho menor, y así servir la página de menor ancho. Pero no en una mansión predecible.

Como resultado, la experiencia para un usuario final es completamente al azar: a veces ven una página ancha que tienen que acercar, a veces ven una página que está escalada justo a su ventana.

He escrito un pequeño script que informa el ancho de la pantalla y, incluso al forzar la ventana de visualización a un tamaño de píxel específico, he tenido algunos usuarios todavía informan un ancho de 800 píxeles (incluso en orientación vertical) y otros informan el ancho fijo.

¿Hay una manera de establecer definitivamente el ancho para el navegador Droid? ¿Es esto un error? ¿Simplemente no estoy pensando en algo? Francamente, está empezando a sentir como diseñar en una cueva oscura con mis manos atadas a mi espalda.

Parece que está determinando si mostrar la página móvil (la historia) o la página de descripción por el ancho de la pantalla. Desde mi entendimiento, probablemente sería mejor detectar los teléfonos móviles por agente de usuario o usuario un script de detección de navegador pre-construido para determinar qué página mostrar. A menudo uso ventanas de navegador de menos de 800px de ancho, por lo que un problema como este me hubiera impedido ver la página correctamente en mi navegador.

  • Cargando el paquete html + recursos en la vista web
  • Obtiene la última URL cargada de webview sin hacer un webView.goBack () en Android
  • -webkit-transform no funciona en la vista web de Android
  • Android WebKit enfocado textarea no dibujar imagen de fondo
  • Detectar la rotación del teléfono Android en el navegador con JavaScript
  • Una gran cantidad de NPE de DeviceMotionService suceder recientemente
  • Cada navegador basado en WebKit bloquea sitios usando Omniture. ¿Por qué?
  • No se puede descargar .apk vía webbrowser desde el sitio drupal
  • ¿Hay alguna referencia / documentación del navegador de Android?
  • Gotchas / errores en el desarrollo de WebKit en iOS o Android
  • Problemas de visibilidad y visibilidad del navegador de Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.