Tester un design adaptatif avec Chrome

Dans un précédent billet, nous vous montrions comment tester votre responsive design avec Firefox. Le navigateur Chrome propose une fonctionnalité similaire, et qui offre des possibilités supplémentaires. Pour y accéder :

  1. Sélectionnez l’option de menu « View/Developer/Developer Tools ».
  2. Cliquez sur l’icone représentant un smartphone à gauche dans le panneau des outils de développement. Cela va activer l’émulation et faire apparaître son panneau de paramétrage (un petit truc : pour faire disparaître/apparaître ce panneau, cliquez sur la touche « Esc »).
  3. Choisissez le modèle de smartphone désiré.
  4. Rechargez la page.

chrome_responsive

Notez que la liste des modèles contient les principaux smartphones et tablettes disponibles.

Si vous souhaitez avoir en plus l’apparence du smartphone, vous pouvez aussi utiliser des émulateurs en ligne comme MobilePhoneEmulator ou MobileTest.me.

 

Vous aimerez aussi...

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *