Mobile-Ansicht auf Desktop

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

3. Google device toolbar aufrufen: 

Ctrl + Shift + M

Alternativ: Auf das entsprechende Icon klicken

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.

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!