Comment afficher la version mobile d'une page Web dans Google Chrome pour ordinateur?

29

Je souhaite tester la version mobile d'un site Web à l'aide de Google Chrome pour ordinateur.

Habituellement, je suis capable de charger des sites mobiles en préfixant m.avant l'URL, mais en essayant de charger m.superuser.comou m.github.comsimplement en provoquant une erreur " Site inaccessible ".

Comment puis-je tester la version mobile d'un site Web dans Chrome pour ordinateur?

Stevoisiak
la source
2
En cliquant sur le lien "mobile" au bas de n'importe quelle page, cela me convient.
DavidPostill
1
Il a déjà été demandé et répondu ; p
DavidPostill
3
@DavidPostill Vous créez un lien vers une méta-question qui demande comment exécuter Stack Exchange en version mobile sur un navigateur de bureau. Je suis à peu près sûr que OP demande comment faire fonctionner n'importe quel site Web de cette façon. Ce sont à peu près deux cas complètement différents.
trejder

Réponses:

42

Vous pouvez utiliser les outils de développement de Google Chrome pour demander la version mobile d'un site Web:


  1. Ouvrez les outils de développement de Chrome avec F12.
  2. Cliquez sur le bouton « Basculer la barre d' outils de l'appareil » pour activer ou désactiver le mode appareil. (L'icône est bleue lorsque le mode appareil est activé).

    Activation du mode appareil

  3. (Facultatif) Sélectionnez le périphérique mobile que vous souhaitez simuler avec les « contrôles de la fenêtre ».

    Contrôles de fenêtre

  4. Actualisez la page Web avec le mode appareil activé pour permettre le chargement de la version mobile.

    Affichage du site mobile pour le super utilisateur

Sources

Stevoisiak
la source
@ steven-m-vascellaro pour une raison quelconque, la responsiveliste déroulante n'est pas visible dans mon chrome ... une idée?
unknownerror
@vardin - vous devez cliquer sur le bouton indiqué par la flèche rouge géante dans la première capture d'écran pour faire apparaître la liste déroulante réactive.
Andrew Hill