Projet Webmaster PHP

Portail Php

Tester son site avec un émulateur de mobile

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 FilesMozilla Firefoxfirefox.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.