Reiseberichte / Travel Guides
mobile Websites auf verschiedenen Devices testen
Wer hat noch nicht darüber nachgedacht, der Website oder dem Blog ein mobiles Layout zu verpassen… Mit dem heutigen Stand stellt das auch alles kein wirkliches Problem dar. Etliche Frameworks, WordPress-Plugins und andere Tools sind weitverbreitet und nehmen einem den Großteil der Arbeit ab. Ein Problem ist aber nach wie vor das Testen. Der Browser-Krieg Episode 2 steht an. Fragen über Fragen:
- Wie sieht meine neue mobil-optimierte Website denn nun auf den verschiedenen Devices aus?
- Ist mein Plugin eigentlich nur für das iPhone?
- Macht das Plugin nur Sinn für Devices mit einem Touchscreen?
- Sollte ich die anderen Devices überhaupt unterstützen, hat doch kein Mensch, oder?
- Soll ich eine Subdomain anlegen oder doch lieber direkt eine Browserweiche implementieren, die den User direkt auf das optimierte Layout bringt…
- ..

Screenshot User-Agent Switcher
Abhilfe schaffen kann in diesem Fall ein Firefox-Plugin namens “User-Agent-Switcher“. Nach der Installation lässt sich bequem der User-Agent mit dem man beim angesurften Webserver aufschlägt simulieren. Somit kann ich also mit meinem Firefox quasi auch als iPhone durch das Web surfen. Äußerst praktisch. Auch wenn ich bereits einige Unterschiede zwischen Ansichten dem realen Surfen mit dem iPhone festgestellt habe. Auch das kleine Display kann ich so natürlich nicht simulieren. Damit Ihr auch alle gängigen Browser direkt am Start habt, biete ich hier ein XML-File zum Download an, welches sich einfach in das Plugin importieren lässt.
Weitere Links mit Emulatoren für mobile Browser und Devices:
|
Tweet
|
| Dieser Beitrag wurde von Hendrik am 12. Februar 2009 um 08:03 veröffentlicht und unter Android, Online Geld verdienen abgelegt. Du kannst allen Antworten zu diesem Beitrag durch RSS 2.0 folgen. Du kannst eine Antwort schreiben oder einen Trackback von deiner eigenen Seite hinterlassen. |

vor 4 Jahren
Howto: Websites in verschiedenen mobilen Browsern testen: http://tinyurl.com/cgbrlt #mobile #iphone #android
vor 4 Jahren
RT @lennarz Howto: Websites in verschiedenen mobilen Browsern testen: http://tinyurl.com/cgbrlt #mobile #iphone #android
vor 4 Jahren
Während des lokalen Prototypings behelfe ich mir immer wieder gerne mit dieser Lösung, um einen groben Eindruck über die Wirkung auf verschiedenen Screens zu kriegen:
http://www.mobilewebdesign.de/beispiele/viewport-sizes.html
Ist natürlich gar kein “Device-Testing” und weit von der Realität entfernt, hilft aber den Designern schonmal dabei, sich ein erstes Bild ihrer Werke zu machen.
vor 4 Jahren
Hier gibts noch einen Windows-Emulator fürs iPhone:
http://labs.blackbaud.com/NetCommunity/article?artid=662
vor 2 Wochen
Ich möchte noch eine web-basierte Lösung empfehlen, bei der viele Geräte zur Verfügung stehen:
http://www.mobiproof.com