Comment faire un rendu de site simple sur plusieurs navigateurs mobiles?

Question

Nous avons un site assez simple (JS minimal) avec HTML simple et CSS. C’est une simple interface mobile pour notre application principale.

Nous rencontrons des problèmes car nous avons plus d'une colonne et plusieurs navigateurs semblent forcer les colonnes simples.

Après quelques recherches, j'ai rencontré 2 balises META.

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

Avec ceux-ci, nous avons une bonne vue "à l'échelle" pour IE Mobile et l'iPhone. Nous n'avons pas rencontré de problèmes avec Palm's Blazer. Mais Blackberry est une autre affaire.

Le Blackberry dispose-t-il également d’un moyen simple de contrôler l’affichage du navigateur? Par simple j'entends sans faire une page spéciale pour cet appareil.

Answer 1

Je ne prendrais pas la peine de créer un "moyen". version pour iPhone, etc., les utilisateurs d’iPhone peuvent simplement consulter votre page Web réelle assez facilement. Avoir votre version complète et une version à colonne unique, et vous atteindrez le plus vaste auditoire avec un travail minimal.

Cependant, pour répondre à votre question, il n’ya pas de bonne façon de faire en sorte que le Blackberry fasse autre chose qu’une vue sur une colonne. Vous pouvez obtenir un aspect assez professionnel, car les CSS et le javascript simple sont toujours applicables, mais vous devrez perdre une grande partie de votre propriété horizontale.

Answer 2

Ma recommandation serait de créer deux ou trois versions du site:

• Site complet pour les navigateurs de bureau modernes (s'il s'agit d'une application très lourde)
• Site avec un minimum de JS et CSS pour de bons navigateurs mobiles et de bureau (IPhone et SkyFire me viennent à l’esprit)
• Site sans JS, colonne unique et la plupart du temps en texte brut.

La raison en est que coder pour 3-4 navigateurs de bureau est assez difficile. Ne vous tuez pas pour cent codes supplémentaires et créez une page simple qui ne contient que des informations.

N'oubliez pas le principe de base du développement Web: les utilisateurs s'en moquent. Ils veulent des informations ou des fonctionnalités. Cela vous ira beaucoup mieux si vous avez une présentation simple et claire pour les mauvais navigateurs mobiles (IE ou Blackberry), puis essayez de pirater quelque chose qui finit par devenir un cauchemar de maintenabilité et de vous faire paraître mauvais si quelqu'un utilise un autre mobile navigateur et vous n'avez pas encore écrit le site spécifique au téléphone.

Answer 3

BlackBerry (à partir de OS 4.6 et supérieur) prend en charge à la fois la balise meta-viewport et la balise meta-HandheldFriendly. Voir les "consignes relatives à la conception du contenu". document sur http://na.blackberry.com / eng / support / docs / sous-catégories /? userType = 21 & category = BlackBerry + Browser pour plus de détails.