Tester son site avec un émulateur de mobile

Navigation: Pages Webmaster > Logiciels

Votre site est prêt a être développé en version mobile, ou c'est peut être fait et vous aimeriez voir le résultat.

Voyons les possibilités qui nous sont offertes

Emulateur via Opéra

Opéra propose une démo de son navigateur et ce via un mobile. Cet outil appelé Opéra Mini émule un téléphone portable tout en disposant d'un User-Agent utilisable.

Cet émulateur est intéressant avec deux points intéressants : le user-agent est utilisable en se sens que si vous mettez à la racine une redirection vers le répertoire ou se situent vos pages version mobile, l'émulateur peut ouvrir les pages mobiles alors que vous êtes à la racine de l'arborescence.
Second points : le système propose de gérer un bookmarlet permettant de basculer sur la version opera mini de la page courante.
Dernier points : les boutons du téléphone sont actifs et permettent de tester l'ergonomie du site.

Voici une capture d'écran de la version mobile de notre thème sport Endurance, avec prise en compte de la redirection.

Emulateur Iphone sur PC

Sur PC, il existe de quoi émuler un iphone, non pas pour tester son site avec écran tactile, mais pour tester le rendu et la navigation de ses pages.
La contrainte est que cet émulateur ne fonctionne que sous Firefox. Etant donné que le webmaster connait, voire utilise firefox, il n'y a plus de contrainte à ce niveau.
L'émulateur consiste en une extension iphone.xpi, que l'on peut aller télécharger depuis le blog de scblog (en anglais).

Mode d'emploi du module iphone.xpi
Après téléchargement sur votre disque dur, faites glisser le fichier iphone.xpi vers une fenêtre quelconque de votre FireFox pour démarrer l'installation.



Cliquez sur Installer Maintenant après un petit laps de temps. Ensuite il vous faut fermer votre navigateur.
Pour utiliser votre nouvel émulateur, vous avez deux solutions :

Soit en mode commande vous lancez : "C:\Program Files\Mozilla Firefox\firefox.exe" -iphone url-de-votre-site-mobile
Soit depuis firefox, que vous devez démarrer, vous ouvrez le menu suivant : fichier / Open location (Iphone mode) et saisissez url de vos pages mobiles dans la boite de dialogue.

L'emulateur Iphone s'affiche ainsi :



Le rendu est sympa avec l'interface PC, mais le User-Agent n'est pas utilisé par le module. Il vous faut alors bien pointer vers le répertoire de vos pages mobile, le User-Agent ne peut être testé.

Coté navigation, et étant donné qu'il n'y a ni clavier, ni touches sur l'iphone, il faut utiliser la souris. Dans ce environnement, vous êtes avant tout dans le navigateur Firefox, on peut dire que seul le rendu des pages ainsi que leur ergonomie peuvent être testés.

Commentaires

Autres publications Logiciels

Les cercles de Facebook
(Ecrit le 27/09/2011 - 674 lectures)
Chaque internaute qui suit un peu l'actualité des réseaux sociaux a entendu parler des cercles de google +. Or dans Facebook, il y a également des cercles, l'internaute les voir moins, mais ils sont essentiels.

Tester son site avec un émulateur de mobile
(Ecrit le 11/02/2009 - 13.830 lectures)
Une fois son site web adapté aux unités mobiles ou pour aider au développement des pages, un émulateur peut être nécessaire. C'est ce que cet article propose.

Lecteur RSS intégré au Navigateur
(Ecrit le 03/12/2005 - 5.865 lectures)
La syndication de flux intégrée au navigateur Internet, c'est le rôle du lecteur RSS du Navigateur Firefox : mode d'emploi.

Suivez phortail

Web phortail.org

• Certification ISTQB
• Qualité logicielle
• Cahier des charges fonctionnel détaillé
• Emploi de Test manager en Recette informatique
• Emploi de Test Analyst en Recette informatique