Webkit FunktionMobile 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.](/sites/default/files/styles/img_free_aspect_0005/public/2023-11/Mobile%20Ansicht%201.png?itok=90ULp56y)
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.](/sites/default/files/styles/img_free_aspect_0005/public/2023-11/Mobile%20Ansicht%202.png?itok=U17bc4Yw)
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.](/sites/default/files/styles/img_free_aspect_0005/public/2023-11/Mobile%20Ansicht%203.png?itok=kwki7hF6)
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.](/sites/default/files/styles/img_free_aspect_0005/public/2023-11/Mobile%20Ansicht%204.png?itok=B5I8M3p6)