von , 08.08.2011

Screenfly – Wie die Website auf dem Smartphone aussieht…

Dienste, die versprechen zu zeigen, wie eine Website auf unterschiedlichen Plattformen aussieht, haben Konjunktur. Manch ein Dienst beschränkt sich auf die reine Anpassung der Bildschirmauflösung, was natürlich viel zu kurz gesprungen ist. Screenfly bietet mehr, wenn es auch noch nicht perfekt ist.

Screenfly imitiert den Useragent, aber nicht die Bedienung

Screenfly funktioniert im Wesentlichen wie ein Browser. In das große mittige Eingabefeld tippt man eine Website-URL ein, die daraufhin dargestellt wird.

screenfly

Linksseitig erscheint ein Menü, in dem man verschiedene Plattformen und darin wiederum verschiedene Auflösungen wählen kann.

screenfly devicechooser

screenfly desktop

screenfly tablets

screenfly mobiles

Screenfly gibt dezidiert Geräte vor und gaukelt der aufgerufenen Website tatsächlich den entsprechenden User-Agent vor. Das gelingt, weil die Websites über einen Screenfly-Proxy aufgerufen werden, den man allerdings auch abschalten kann.

Was Screenfly nicht leistet, ist die Nachbildung der Bedienung über die diversen Plattform-Clients. Da besteht nach wie vor eine Marktlücke…

Weitere Artikel zu Smartphone



Empfohlene Produkte

Das interessiert dich bestimmt auch

19 Antworten

  1. von Christian Reber 08.08.2011 (22:26Uhr) 1.

    Das die Bedienung fehlt ist ja noch ok, aber ohne Skalierung macht das Konzept doch bisher keinen Sinn, oder?

  2. von Dieter Petereit 08.08.2011 (22:31Uhr) 2.

    Tja, also für mich auch eher weniger. Aber es gibt so viele Usecases da draußen....

  3. von grobian 08.08.2011 (22:56Uhr) 3.

    oh.. außerdem läufts wohl nicht mit ISO-8859-1 codierten Seiten (sieht nach ersten versuchen jedenfalls so aus).
    keine sonderzeichen und viel schlimmer kein stylesheet.

  4. von Norman 08.08.2011 (23:00Uhr) 4.

    ISO-8859-1 kodierte Seiten haben auch nichts besseres verdient ;)

  5. von grobian 08.08.2011 (23:04Uhr) 5.

    och männo. na gut. screenfly könnt ihr utf8ler ruhig haben.

  6. von Frank 08.08.2011 (23:38Uhr) 6.

    Das taugt nichts zum Test, meine Feststellung. Halte ich für eine Spielerei.

  7. von Screenfly – Wie die Website auf dem Sm… 09.08.2011 (00:19Uhr) 7.

    [...] Weiterlesen bei t3n >> [...]

  8. von Torben Paradiek via facebook 09.08.2011 (09:13Uhr) 8.

    Habe da 3 Seiten eingegeben, alle werden zerschossen dargestellt...

  9. von domnger 09.08.2011 (09:40Uhr) 9.

    @Norman: Das ist alberner Quark. Als Beispiel sei die Website unseres Bundestages genannt, da wird charset=iso-8859-15 eingesetzt.

  10. von Daniel Rauber 09.08.2011 (09:50Uhr) 10.

    Werden nur bei mir die aufgerufenen Seiten ohne Stylesheet dargestellt, wenn der Proxy aktiv ist? Sollte behoben werden!

  11. von Christian Seel 09.08.2011 (10:12Uhr) 11.

    Der viewport wird bei mobilen Geräten leider auch nicht berücksichtigt.

  12. von Frank 09.08.2011 (10:18Uhr) 12.

    Ich sag ja, Spielerei, mehr nicht.
    Die Gerätekennung wird auch nicht übermittelt und das Verhalten von iOS nicht imitiert (auf z.B. iPad läuft dort Flash).

  13. von Christian 09.08.2011 (10:31Uhr) 13.

    Ganz brauchbare Tools:
    http://www.opera.com/developer/tools/mobile/
    http://www.mozilla.com/de/mobile/

  14. von Thomas Dudzak 09.08.2011 (10:37Uhr) 14.

    @Daniel Rauber:

    Nein, das scheint ein generelles Problem zu sein... Offenbar wird beim Aufruf über den Proxy ein Slash zwischen Domain und Pfadangabe auf dem Server vergessen, so dass am Ende xyz.destyles statt xyz.de/styles rauskommt. Ähnliches bei Pfadangaben für Bilder. Kann man ja alles theoretisch über Firebug o.ä. fixen, ist dann dank Mehraufwand aber wenig sinnvoll...

    Ich würde Frank insoweit zustimmen, dass es derzeit wirklich nur ne nette Spielerei ist... wenn es denn funktioniert...

  15. von Florian Bottmann via facebook 09.08.2011 (10:39Uhr) 15.

    das ist bei mir ähnlich... der zeigt keine styles an!

  16. von Thomas Zöger 09.08.2011 (11:47Uhr) 16.

    idee is prima - umsetzung nunja - SCHADE!

  17. von Screenfly – Wie die Website auf dem Sm… 09.08.2011 (14:53Uhr) 17.

    [...] hier den Originalbeitrag weiterlesen: Screenfly – Wie die Website auf dem Smartphone aussieht… » t3n News [...]

  18. von alf.drollinger 09.08.2011 (17:07Uhr) 18.

    Eigentlich ja eine gute Idee, funktioniert leider sowas von überhaupt nicht. Web-basierterweise kann ich nur browsercam.com für mobile Testing empfehlen. Nach dem ich eine kostenlose Desktop-Software namens Keynote Mite (http://mite.keynote.com/) entdeckt habe, die für kein-Geld extrem leistungsfähig ist, war mir Browsercam aber irgendwie zu teuer ;-)

    Mehr Tools und etwas Text drumherum: http://cwa.dcn.de/2010/03/07/cross-browser-testing/

  19. von Links der Woche: KW 32 – twtrland.… 14.08.2011 (18:22Uhr) 19.

    [...] einem Artikel der t3n wird Screenfly vorgestellt, eine Webseite, auf der man testen kann, wie eine Webseite denn [...]

Deine Meinung


(wird nicht veröffentlicht)