Droid navigateur provoquant des ravages sur mon site

Question

J'ai un site optimisé pour les mobiles qui utilise une astuce assez simple de servir une page différente en fonction de la largeur du navigateur. Cela a fonctionné très bien jusqu'à ce que le Droid arrive, avec son écran de densité de pixels très élevé. Je comprends que le paramètre par défaut de l'écran est de 800 pixels de large (significativement plus large que ma largeur de script de détection, ce qui rend sa décision de quelle page pour servir à 500 pixels). Cependant, le navigateur Droid semble arbitrairement décider de rapporter une largeur plus petite, et ainsi servir la page de plus petite largeur. Mais pas dans un manoir prévisible. En conséquence, l'expérience pour un utilisateur final est complètement aléatoire: parfois, ils voient une page large sur laquelle ils doivent zoomer, parfois ils voient une page qui est mise à l'échelle juste à droite de leur fenêtre. J'ai écrit un petit script qui rapporte la largeur de l'écran et, même en forçant la fenêtre à une taille de pixel spécifique, j'ai eu quelques utilisateurs signalent toujours une largeur de 800 pixels (même en orientation vert) et d'autres rapportent la largeur.

Y at-il un moyen de définir définitivement la largeur pour le navigateur du Droid? Est-ce un bug? Est-ce que je ne pense simplement pas à quelque chose? Franchement, ça commence à ressembler à un dessin dans une grotte sombre avec mes mains attachées derrière mon dos.

Answer 1

Il semble que vous décidiez d'afficher la page mobile (l'article) ou la page de description en fonction de la largeur de l'écran. De ma compréhension, il serait probablement préférable de détecter les téléphones mobiles par l'agent utilisateur ou l'utilisateur d'un script de détection de navigateur pré-construit pour déterminer quelle page afficher. J'utilise souvent des fenêtres de navigateur de moins de 800 pixels de large, donc un problème comme celui-ci m'aurait empêché de voir la page correctement sur mon navigateur.