Sind Sie Startklar?

Hier gehts zum «ADi-Check»

?

Mobile-Ansicht auf Desktop

Zofingen, 10.12.2021

Wie kann die mobile Ansicht auf dem Desktop getestet werden?

ADi-AG_Mobile-Ansicht_Desktop_web.jpg

Schnell und unkompliziert verschiedene Ansichten testen. So geht's:

1. Die gewünschte Website aufrufen. Wir nutzen Google Chrome als Beispiel.

2. Entwicklertools aufrufen:

Ctrl + Shift + I oder "F12"

Alternativ: Unter den Optionen bei «Weitere Tools» auf «Entwicklertools» oder Rechtsklick auf der Seite und "Untersuchen" klicken

Mobile-Ansicht_Entwicklertools-aufrufen_web.jpg

3. Google device toolbar aufrufen: 

Ctrl + Shift + M

Alternativ: Auf das entsprechende Icon klicken

Mobile-Ansicht_Mobile-Ansicht-aufrufen_web.jpg

Hier können:

  • manuell verschiedene Verhältnisse (responsive) ausgetestet werden.

  • bei Klick auf «Dimensions» bzw «Abmessungen» Ansichten verschiedener Smartphone-Modelle aufgerufen werden.

  • die Ansicht zwischen Hoch- und Querformat gewechselt werden.

  • bei «Edit...» bzw «Bearbeiten...» weitere Modelle hinzugefügt werden.

Mobile-Ansicht_Desktop_web.jpg

Weshalb ist das Austesten von Mobile-Ansichten so wichtig?

Auch wenn wir in unserem letzten Beitrag «Mobile First» kritisch hinterfragt haben, ist es dennoch Fakt, dass ein grosser Teil von Website-Zugriffen von Smartphones stammen – bei unserer Website ist dieser Anteil gleich den Desktop-Zugriffen. Daher prüfen wir beim Erstellen eines neuen Artikels auf unserer Website stets auch, dass die Ansicht auf Mobile-Geräten ansprechend ist.


Anmerkungen?

Haben Sie noch Fragen, Anmerkungen oder Themenvorschläge? Zögern Sie nicht, uns zu kontaktieren!