Wie kann ich die mobile Version einer Webseite in Google Chrome für Desktop anzeigen?

102744
Steven M. Vascellaro

Ich möchte die mobile Version einer Website mit Google Chrome für Desktop testen.

Normalerweise bin ich in der Lage mobile Websites laden durch das Vorsetzen, m.bevor die URL, sondern versuchen, zu laden m.superuser.comoder m.github.comnur Ergebnisse in einer „ Website nicht erreichbar “ -Fehler.

Wie kann ich die mobile Version einer Website in Chrome für Desktop testen?

13
Das Klicken auf den Link "Handy" am unteren Rand einer beliebigen Seite funktioniert für mich gut. DavidPostill vor 7 Jahren 2
Es wurde bereits [gefragt und beantwortet] (https://meta.stackexchange.com/questions/104458/switch-to-mobile-site-on-standard-browser); p DavidPostill vor 7 Jahren 1
@DavidPostill Sie sind mit einer Meta-Frage verbunden, in der Sie gefragt werden, wie _Stack Exchange_ in der mobilen Version über einen Desktop-Browser ausgeführt werden soll. Ich bin mir ziemlich sicher, dass OP fragt, wie man _any_-Website auf diese Weise laufen lässt. Das sind so ziemlich zwei völlig unterschiedliche Fälle. trejder vor 6 Jahren 1

1 Antwort auf die Frage

20
Steven M. Vascellaro

Sie können die Entwicklertools von Google Chrome verwenden, um die mobile Version einer Website anzufordern:


  1. Öffnen Sie die Entwicklertools von Chrome mit F12.
  2. Klicken Sie auf die Schaltfläche " Geräte-Symbolleiste umschalten", um den Gerätemodus ein- oder auszuschalten. (Das Symbol ist blau, wenn der Gerätemodus aktiviert ist).

    Enabling device mode

  3. (Optional) Wählen Sie das mobile Gerät aus, das Sie mit den ' Viewport-Steuerelementen ' simulieren möchten .

    Viewport controls

  4. Aktualisieren Sie die Webseite mit aktiviertem Gerätemodus, damit die mobile Version geladen werden kann.

    Viewing mobile site for Super User

Quellen