Le Touilleur Express

  • Accueil
  • A propos de l’auteur
  • A propos du Touilleur Express

Comment simuler le navigateur de l'iphone avec Firefox ou Safari ?

1 janvier, 2009

J’ai installé WPtouch, un plugin WordPress sur le Touilleur Express afin que les visiteurs utilisant l’iphone puissent voir une version optimisée pour l’iphone. De fil en aiguille je me suis demandé comment tester ce plugin… si vous n’avez pas d’iphone sous la main.

Il existe des sites internets comme TestiPhone ou iPhone Tester qui permettent de simuler la taille de l’écran de l’iphone. Cependant ces site ne sont pas capables de spécifier un User-Agent différent dans les entêtes HTTP puisqu’il s’agit de votre propre navigateur. Le site s’affiche alors normalement car le serveur ne reconnaît pas l’iphone.

Firefox

Firefox propose un moyen de changer la variable User-Agent avec le plugin User Agent Switcher. Il faut ensuite connaître la valeur de la variable User-Agent de l’iphone, ce que j’ai trouvé dans les logs d’accès du Touilleur :

Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2 like Mac OS X; fr-fr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5G77 Safari/525.20

Après avoir installé le plugin et relancé Firefox, dans le menu Outils / Agent Switcher sélectionnez Options. Dans l’onglet User Agent vous pouvez alors déclarer un nouveau navigateur. Ayant mis à jour mon iphone 3G en version 2.2 voici ce que j’ai saisi :

  • Description: iPhone 3G FR update 2.2
  • User Agent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_2 like Mac OS X; fr-fr)
  • App Name: AppleWebKit/525.18.1 (KHTML, like Gecko)
  • App Version: Version/3.1.1
  • Platform: Mobile/5G77 Safari/525.20

Une fois votre nouveau navigateur déclaré, vous pouvez alors l’activer via le menu Outils, et tentez de recharger la page du touilleur, vous devriez alors voir ceci :

capture_touilleur_express_iphone_firefox

Il ne reste plus qu’à charger la page via le site http://www.testiphone.com afin d’avoir un affichage très semblable à celui de l’iphone. Il reste simplement le souci que le navigateur n’est pas Safari mais Firefox. Certaines fonctions Javascript pourraient avoir un comportement un peu différent.

Voici le résultat final

capture02_ecran_iphone1

Voici une petite liste de sites spécialement adaptés à l’iphone :

  • Google Calendar
  • Google Reader
  • Le Blog de Xebia
  • qui utilise aussi le plugin WPtouch

Safari

Si vous souhaitez tester avec Safari il est aussi possible de changer la variable User-Agent lorsque Safari est démarré en mode développeur. C’est vraiment très simple :
– fermez Safari
– ouvrez un Terminal
– tapez dans la console la ligne de commande suivante : defaults write com.apple.Safari IncludeDebugMenu 1 puis Enter
– relancez Safari, un menu Développement est apparu.
– dans le menu « Agent d’utilisateur » vous pouvez maintenant faire passer Safari pour Internet Explorer ou pour la version iphone !

capture-safari-iphone1

C’est le moyen le plus efficace pour tester la navigation d’un site développé pour l’iPhone sans s’embêter avec le development kit d’Apple.

Articles similaires:

Default ThumbnailJava sur l'iPhone Default ThumbnailComment tester son site sur les différentes versions d’Internet Explorer Default ThumbnailComment Steve Jobs a présenté l'iPhone à MacWorld Default ThumbnailComment configurer l'encoding en UTF-8 dans JBoss

Derniers articles

  • Vis ma vie de Staff/Principal Engineer

    Suite de l’article précédent sur le Staff Engineer. Aujourd’hui, voyons un peu

    20 juillet, 2022
  • Inari

    Devenir Staff Engineer : comment et pourquoi ?

    Après une dizaine d’années en tant que développeur, vous serez un jour

    17 juillet, 2022
  • WeAreDevelopers 2022, conférence à Berlin – jour 1

    Il est 8h40, 19 degrés, vous êtes à Berlin. La queue dehors

    24 juin, 2022

Tweets @nmartignole

  • RT  @katecrawford : Umm, anyone a little concerned that Bard is saying its training dataset includes... Gmail? I'm assuming that's flat out…

    2 days ago
  • Je découvre qu’ils apprennent le SQL en Terminal, très intéressant https://t.co/MrfcHve9wo

    3 days ago
  • RT  @AmelieBenoit33 : Je m’essaye à de nouveaux formats ! Un premier sketch qui me trottait en tête depuis le sketchnote précédent; la techn…

    4 days ago

Mots clés

Apple (32) Architecture (13) Big Data (5) Conference (8) Devoxx (55) Dev Web (37) Doctolib (2) geekevent (1) groovy (2) Innoteria (11) Java (517) Linux (10) Non classé (14) Perso (266) Recrutement (3) Scala (30) scrum (43) Société (3) Startup (20) Web 2.0 (67)

Le Touilleur Express

Blog par Nicolas Martignole

Contactez-moi : nicolas@touilleur-express.fr

Suivez-moi sur Twitter : @nmartignole

Copyright© 2008 - 2020 Nicolas Martignole | Tous droits réservés
  • A propos de l’auteur
  • A propos du Touilleur Express
  • Log In
  • My Account
  • My Profile
  • Reset Password

Le Touilleur Express