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