Tester ses sites web sur les mobiles 🔗

⚠ Attention: Cet article est ancien et couvre un spectre de mobiles anciens. Cependant, la démarche de télécharger un émulateur pour tester ses sites mobiles reste valide. Des alternatives comme Browser Stack peuvent grandement simplifier ce processus manuel. Il est également possible d'utiliser des outils comme Sauce Labs pour créer des tests automatisés.

On ne peut pas toujours s'offrir un téléphone haut de gamme pour tester son site web. Heureusement, les émulateurs sont là !

Fennec : Firefox pour les mobiles 🔗

Firefox mobile propose un émulateur permettant de visualiser son site ou de développer des extensions. Un binaire est disponible pour toutes les plateformes. J'ai testé la version Linux. Aucun problème, il suffit d'exécuter le binaire et on se retrouve sur Fennec.

J'ai découvert ce navigateur qui semble prometteur. On retrouve cependant un des gros points noir de Gecko : le flexible box model qui est mal implémenté. Sinon, l'interface utilisateur est agréable, j'aime beaucoup le slide sur les côtés pour avoir des fonctions supplémentaires facilement (onglets à gauche, favoris à droite) ainsi que la taille des boutons qui sont pratiques pour les gros doigts.

Bon et puis bien sûr il y a le côté libre et ouvert de la communauté Mozilla, votre vie privée est respectée. En revanche, on ne retrouve Fennec que sur Maemo et Android. Et bientôt peut-être sur Boot2Gecko, le nouveau projet de téléphone full web de Mozilla.

Attention ! Il semble que Mozilla ne propose plus de nouvelles versions de Fennec à exécuter directement. De plus, le terme émulateur n'est pas vraiment opportun puisqu'il s'agit d'un binaire exécutable comme Firefox. Mozilla recommande officieusement de faire tourner Fennec sur l'émulateur Android ou de compiler soi-même les nightly builds.

Opera Mobile 🔗

Opéra a également créé son émulateur. Ce dernier est très semblable à celui de Fennec, il se distingue néanmoins par le fait qu'on peut choisir parmi une liste de différents types de téléphones afin de bénéficier de leur dimensions réèlles. Une fonction de retournement permet aussi de tester le comportement de votre site en fonction de l'orientation du périphérique.

Sur la page de téléchargement, je n'ai le choix que pour Linux, mais j'imagine que Windows au moins est de la partie. Un navigateur très pratique lui aussi qui est présent dans le monde mobile depuis longtemps. Il existe une autre version d'Opéra Mobile, Opéra Mini, conçu pour les téléphones bas de gamme. Il dispose d'un simulateur en ligne.

Android Browser + Google Chrome 🔗

C'est tout de suite plus compliqué pour tester vos site avec le navigateur d'Android. En effet, il faut télécharger le SDK Android, puis, télécharger les différents packages correspondant aux différentes versions. Pour télécharger la version Béta de Chrome for Android (ne fonctionne que sous Android 4.0), ce sera encore plus compliqué puisqu'il faudra le trouver dans le market (réputée peu efficace) et/ou se connecter à son compte Google.

Bien-sûr ces deux navigateurs embarquent le moteur de rendu webkit donc ils sont assez rapides et supportent bien les nouveautés de HTML5. Le SDK d'Android est disponible pour MacOSX, Linux et Windows.

Safari Mobile 🔗

Le SDK est uniquement disponible pour les possesseurs d'un Mac et est à trouver sur leur site. Je ne l'ai pas testé car il faut un Mac et il faut s'incrire.

Windows Mobile 🔗

Si vous avez Windows, vous pouvez aussi télécharger le SDK de Windows Mobile pour tester vos sites sur ces téléphones.

Bref, ce n'est qu'un aperçu de la faune des navigateurs mobiles, mais il est assez représentatif de ceux que les utilisateurs utilisent vraiment. Par contre, rien ne vaut le test sur un appareil mobile réel pour se rendre compte de la nécessité d'adapter votre site aux mobiles.

Published at mercredi 9 mai 2012 à 19:47:14.