Webkit Funktion Mobile Ansicht / Responsive Design prüfen

Um zu überprüfen, wie eine Seite auf einem Mobilgerät aussieht, kann im Browser das responsive Webdesign überprüft werden:

1) Browser öffnen (empfohlen: Firefox oder Chrome)

2) Das Frontend der zu überprüfende Seite aufrufen

3) Auf der Seite rechts klicken und mit Untersuchen die Entwickleroptionen öffnen

Abbildung einer Website im Webkit mit Erklärung, wie die Entwickleroptionen geöffnet werden kann.

4) In der sich öffnenden Ansicht auf das Smartphone-/Tablet-Icon klicken (Positionierung abhängig vom Browser, das Icon sieht aber i.d.R. ähnlich aus)

Abbildung einer Website im Webkit mit Erklärung, wie die mobile Ansicht geöffnet werden kann.

5) Optional: ein bestimmtes mobiles Gerät oder genaue Abmessungen und Ausrichtung auswählen

Abbildung einer Website im Webkit mit Erklärung, wie die Abmessungen des angezeigten Mobilgeräts angepasst werden.

6) Zum Beenden des mobilen Modus die Entwickleroptionen schließen

Abbildung einer Website im Webkit mit Erklärung, wie die mobile Ansicht geschlossen werden kann.

English

Kontakt