Simuler différents appareils avec le navigateur internet Chrome

Il est possible de simuler différents appareils ou tailles d’écran avec Chrome en quelques étapes seulement :

(La démo est faite sur un ordinateur Apple mais il en est de même avec Windows, Linux, etc…)

  1. Ouvrir Chrome et se rendre sur le site à tester
  2. Dans le menu Afficher aller dans Options pour les développeurs puis Cliquer sur Outils de développement
  3. L’affichage est modifié et pour avoir accès aux différents “devices” vous devez cliquer sur l’icône représentant un smartphone (cf cadre vert sur l’image à droite) screenshot 2015-08-20 à 11.48.46
  4. Cliquer ensuite sur le menu device (à gauche) pour afficher la liste des différents appareils screenshot 2015-08-20 à 11.30.55
  5. Voici le résultat avec différents smartphones :

screenshot 2015-08-20 à 11.31.04   screenshot 2015-08-20 à 11.31.22   screenshot 2015-08-20 à 11.32.13