johanBleuzen

Aujourd’hui il n’est plus possible de ne pas avoir de version mobile sur son site ou son blog avec l’augmentation croissante des appareils portable de types smartphone. Cependant il n’est pas toujours possible de pouvoir tester son site en environnement de dev avec un iPhone.

Le cas le plus évident étant que tout le monde ne dispose pas d’un iPhone. Voici quelques moyens de tester facilement et gratuitement votre site pour les navigateurs mobiles.

Les logiciels  sur Mac OS X

J’ai découvert deux logiciels qui permettent d’avoir un iPhone directement sur son bureau.

• SafariMobile, il existe une version de SafariMobile directement sur les Macs qui disposent d'un environnement de développement XCode avec le SDK de l'iPhone. Cet environnement vous permettra meme de tester votre site avec différentes versions de SafariMobile.
• iPhoney (lien) solution gratuite et open-source. Il fonctionne très bien même si j'ai du modifier la configuration pour voir mon site apparaitre correctement, je le recommande,

• iPhone-simulator (lien), solution également gratuite, mais je ne pense pas qu'elle soit open-source, est une application pour les Macs anciens (avec des processeurs PPC), en effet l'application nécessite Rosetta pour fonctionner sur les dernières versions de Mac OS X. N'ayant pas Rosetta sur mes machines, je n'ai pas pu tester cette solution.

Les logiciels pour les plateformes Windows et Linux

Au cours de mes recherches, je n’ai trouvé qu’une seule solution Windows qui nécessite d’avoir Safari installé sur la machine. N’ayant d’ordinateur sous windows, je n’ai pas pu tester la solution de BlackBaud Labs qui s’appelle iBBDemo. (vous aurez plus d’informations sur ce site).

Pas de solutions disponible pour Linux, chose compréhensible, Safari ne peut pas fonctionner sous Linux malheureusement.

Les simulateurs basés sur des applications dans les nuages

Ce type de solution permet de tester son site à la condition qu’il soit accessible par internet. On peut donc oublier les tests en environnement de pré-prod. Voici quelques webapps qui fournissent ce service :

• iPhone-test (lien), cette webapp a un gros problème, elle n'utilise pas le User-agent de SafariMobile du coup mon site ne s'affiche pas en version mobile mais en version classique.

• iPhonetester (lien), ce site recommande d'utiliser Safari pour tester le site. Cependant, je n'ai pas réussi à afficher mon site en version iPhone. Je me suis retrouvé avec la version standard du site.

Les solutions de "fortunes"

Ces solutions ne sont pas vraiment des solutions mais peuvent dépanner. Vous pouvez utiliser n’importe quel navigateur moderne (j’entend par là Safari, Firefox, Chrome) et re-dimensionner la fenêtre aux dimensions de l’iPhone à savoir 320 pixel de large pour 480 pixel de hauteur. Il existe différents plugins pour Firefox (par exemple Web Developer) ou Chrome (par exemple Windows-Resizer)

J’espère que ces différents liens vous permettront de tester votre site en version mobile. Si jamais vous avez des liens à me recommander pour windows, je suis preneur !

EDIT : Et l’iPad

Suite à un tweet de Bruno Bichet, j’ai découvert l’excellent lien qui permet de tester votre site sur iPad sans en avoir un sous le coude… Le rendu correspond bien à ce que l’on obtient avec un iPad (j’ai vérifié avec mon site), mais attention il ne désactive pas les balises Flash.