Screenfly – Wie sieht meine Webseite auf dem Tablet / SmartPhone aus?

Einige Webdesigner werden das Problem kennen… Man erstellt eine neue Webseite, die natürlich auf allen Endgeräten möglichst gleich aussehen soll. Das Stylesheet ist fertig und die Seite erstrahlt in allen gängigen Browsern gleich. Aber was ist nun mit SmartPhones oder Tablet-PCs? Sobald man die Webseite auf diesen Endgeräten ausführt, wird das wahre Ausmaß des Stylesheets ersichtlich und…? Nichts passt mehr!

Screenfly, ein kostenfreies Online-Tool schafft hier Abhilfe. Einfach in Screenfly den gewünschten URL der Seite eingeben und schon wird diese in verschiedenen Endgeräten dargestellt.
Man hat nun am linken Bildschirmrand die Wahl zischen normalen PCs / Notebooks mit verschieden großen Displays. Weiter kann man sich die Webseite auch in einer (recht überschaubaren) Auswahl von SmartPhones oder Tablet-PCs anzeigen lassen. Der Vorteil hieran ist, dass die diversen spezifischen Endgeräte über jeweils abweichende Betriebssysteme verfügen. Dadurch ist z.B. ein Test unter Android eben so möglich, wie unter Windows Mobile oder iOS. Da nicht jeder über mehrere Tablet-PCs oder SmartPhones, die jeweils ein anderes Betriebssystem haben verfügt, ist dies schon einmal ein großer Vorteil von Screenfly.

Ein weiterer Vorteil ist sicherlich die Kombination zwischen Screenfly und Firebug. Denn Die Webseite, welche in einem kleinen “Fenster” bzw. in einem extra DIV dargestellt wird hat natürlich angefangen beim Header bis hin zum Footer den gleichen HTML-Aufbau, wie  wenn man diese direkt auf dem Endgerät öffnet. So kann man direkt via Firebug Änderungen am Stylesheet testen.

Unklar bleibt natürlich jetzt noch, wie genau Screnfly wirklich ist und ob Screenfly alle Probleme mit abweichenden Endgeräten löst. Aber testet es doch einfach einmal aus und hinterlasst Kommentare mit euren Erfahrungen und Meinungen.