Websites für mobile Geräte am Desktop testen

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.

Veröffentlicht von Norbert Eder

Ich bin ein leidenschaftlicher Softwareentwickler. Mein Wissen und meine Gedanken teile ich nicht nur hier im Blog, sondern auch in Fachartikeln und Büchern.

Beteilige dich an der Unterhaltung

2 Kommentare

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

  1. Danke für den Hinweis. Werde das geleich mal testen. Und ein Mobile Theme hast du ja in zwischen auch. Grossartige Arbeit.

  2. Was an dieser stelle auch erwähnt werden sollte:
    Wenn man auch den normalen Opera installiert hat, kann man sich mit dem Emulator (oder auch Opera auf dem Handy) verbinden und mit Opera Dragonfly (das FireBug Pendant) debuggen!

Cookie-Einstellungen
Auf dieser Website werden Cookie verwendet. Diese werden für den Betrieb der Website benötigt oder helfen uns dabei, die Website zu verbessern.
Alle Cookies zulassen
Auswahl speichern
Individuelle Einstellungen
Individuelle Einstellungen
Dies ist eine Übersicht aller Cookies, die auf der Website verwendet werden. Sie haben die Möglichkeit, individuelle Cookie-Einstellungen vorzunehmen. Geben Sie einzelnen Cookies oder ganzen Gruppen Ihre Einwilligung. Essentielle Cookies lassen sich nicht deaktivieren.
Speichern
Abbrechen
Essenziell (1)
Essenzielle Cookies werden für die grundlegende Funktionalität der Website benötigt.
Cookies anzeigen