Hier aufklappen um sämtliche Kategorien zu durchstöbern.

Wer seine Website für mobile Endgeräte anpassen möchte, hat Bedarf daran, sich das auch ohne tatsächliches Gerät anzusehen. So gibt es nun die Möglichkeit den User Agent zu tauschen und so ein mobiles Gerät zu simulieren (inklusive mehr oder weniger gut funktionierende Add-Ons für den bevorzugten Browser), oder man sieht sich nach einer etwas reiferen Lösung um. Gesagt, getan.

Mir ist dabei der Opera Mobile Emulator unter die Finger gekommen. Knappe 11 MB später der erste Start:

Opera Mobile Emulator Einstellungen

Positiv überrascht war ich dann schon mal von diversen Voreinstellungsmöglichkeiten (Profilen). Darin finden sich wohl viele der gängigsten Smartphones.

Opera Mobile Emulator Profile

Nach Auswahl werden gleich die restlichen Einstellungen wie Auflösung und Co. mit den passenden Werten ausgefüllt. Diese sind aber weiterhin veränderbar und können an die eigenen Bedürfnisse angepasst werden.

Interessant ist auch, dass die zu simulierende Eingabevariante gewählt werden kann. Zur Auswahl stehen hier Touch, Keypad und Tablet.

Sind nun alle Einstellungen getätigt. wird der Emulator per Launch gestartet. Gleich mal die Adresse meines Blogs eingegeben und das Ergebnis ist kein Unterschied zum Desktop-Browser. Wer tatsächlich die mobile Ansicht erhalten möchte, muss eine Einstellung ändern, natürlich den User Agent :)

Opera Mobile Emulator User Agent umstellen

In diesem Beispiel einfach auf die "Signatur" von Android gestellt und schon wird die Darstellung - wie gewollt - simuliert.

DevTyr in Opera Mobile Simulator

Mit den unterschiedlichen Einstellungsmöglichkeiten gestaltet sich das Testen für unterschiedlichste Geräte und Auflösungen als einfache Sache und macht dann ja schon fast Spaß. Der Vorteil dabei, man muss sich den eigenen Browser nicht mit Add-Ons vollpacken und bekommt eben schon auch hilfreiche Voreinstellungen.

blog comments powered by Disqus
Anmelden