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.
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.
Opéra mini, c'est bien, mais que peut donner le résultat de mon site sous Iphone ?
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.
Article écrit par Janol le 11/02/2009
(Hits 20053 - Catégorie : Logiciels)
Faites passer - Imprimer
Commentaires
Cet article n'a pas encore été commenté.
Vous pouvez vous exprimer en remplissant le formulaire ci-dessous.
Vous pouvez vous exprimer en remplissant le formulaire ci-dessous.
Autres publications Logiciels
Code Google Analytics pour adsense
Rien n'est plus facile à utiliser qu'un logiciel bien fait. Pour autant, accéder à un paramétrage précis peut relever de la prise de tête. C'est le cas du paramétrage Google analytics pour Adsense, ce bout de code de deux lignes semble introuvable, alors suivez le guide.
(écrit le 07/10/2012 - 3.960 lectures)
Les cercles de Facebook
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.
(écrit le 27/09/2011 - 4.359 lectures)
Lecteur RSS intégré au Navigateur
La syndication de flux intégrée au navigateur Internet, c'est le rôle du lecteur RSS du Navigateur Firefox : mode d'emploi.
(écrit le 03/12/2005 - 8.686 lectures)
Tutoriels Webmaster
Référencement :
Depuis l'arrivée de l'intelligence artificielle dans nos vies, bien des domaines sur internet se posent des questions, les webmaster sont ainsi concernés, se demandant si l'indexation de leur site par GPTBot est profitable.
Référencement :
Comment analyser les pages de la search console qui sont répertoriées par Google comme explorées mais non indexées. Faut-il demander leur indexation ou n'y aurait-il pas quelque chose de mieux à faire.
Référencement :
Comment Google Analytics et la Search console Google fonctionnent. Quelle est la différence entre ces outils ? Est ce qu'ils interagissent entre eux ?
Scripts :
Internet a deux caractéristiques principales : Cela bouge beaucoup et cela bouge vite. Le webmaster se doit d'être actif, voire réactif, et de disposer de l'information rapidement. Un simple script en python peut l'aider.
Scripts :
Comment contrôler visuellement que l'affichage de différentes pages web se fait correctement avec les différentes configurations de navigateur, et résolution d'affichage. Le Webdriver de Sélénium permet via un script d'automatiser la capture de telles pages, pour contrôler en un coup d'oeil le résultat.
Conception :
Optimiser un site web avec du responsive design est un pas de plus fait vers l'utilisateur final
Pour autant, si une page du site a un poids de plusieurs méga, l'utilisateur risque, s'il est sur un téléphone mobile, de partir avant que la page ne soit complétement chargée.
Outils :
Comment gérer les erreurs 404 not found sur le fichier browserconfig.xml, alors que celui ci est demandé par le navigateur.
Scripts :
Les feuilles de style d'un site web permettent d'adapter l'affichage à la taille de l'écran. Voyons comment faire pour un site qui s'affiche aussi bien sur un ordinateur, une tablette qu'un téléphone intelligent (smartphone).
Pages webmaster
Actu Webmaster
Thèmes Phortail