web-dev-qa-db-fra.com

Comment puis-je afficher la version mobile d'une page Web dans Google Chrome pour Desktop?

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

Habituellement, je peux charger des sites mobiles en préfixant m. avant l'URL, mais essayer de charger m.superuser.com ou m.github.com ne donne qu'un "site inaccessible"erreur.

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

21

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 du périphérique ' pour activer ou désactiver le mode Périphérique. (L'icône est bleue lorsque le mode Appareil est activé).

    Enabling device mode

  3. (Facultatif) Sélectionnez le périphérique mobile que vous souhaitez simuler avec les " commandes de la fenêtre d'affichage ".

    Viewport controls

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

    Viewing mobile site for Super User

Sources

32