Wie kann ich die mobile Version einer Webseite in Google Chrome for Desktop anzeigen?


29

Ich möchte die mobile Version einer Website mit Google Chrome for 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 for Desktop testen?


2
Das Klicken auf den Link "Mobil" unten auf einer beliebigen Seite funktioniert für mich einwandfrei.
DavidPostill

1
Es wurde bereits gefragt und beantwortet ; p
DavidPostill

3
@DavidPostill Sie verlinken auf eine Meta-Frage, in der Sie gefragt werden, wie Stack Exchange in der mobilen Version im Desktop-Browser ausgeführt werden soll. Ich bin mir ziemlich sicher, dass OP fragt, wie eine Website auf diese Weise betrieben werden soll. Das sind so ziemlich zwei völlig verschiedene Fälle.
Trejder

Antworten:


41

Mit den Entwicklertools von Google Chrome können Sie die mobile Version einer Website anfordern:


  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.)

    Gerätemodus aktivieren

  3. (Optional) Wählen Sie mit den Ansichtsfenster-Steuerelementen aus , welches Mobilgerät Sie simulieren möchten .

    Steuerelemente für Ansichtsfenster

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

    Mobile Site für Super User anzeigen

Quellen


@ Steven-M-Vascellaro Aus irgendeinem Grund ist das responsiveDropdown -Menü in meinem Chrom nicht sichtbar. Irgendeine Idee?
Unbekannter Fehler

@vardin - Sie müssen auf die Schaltfläche klicken, die im ersten Screenshot durch den riesigen roten Pfeil gekennzeichnet ist, damit das Dropdown-Menü für die Reaktion angezeigt wird.
Andrew Hill
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.