iPhone-Simulatoren sind für die Tonne!

Gestern hatte ich mein neues Layout für Handy und PDA vorgestellt (siehe hierzu meinen Blogbeitrag „Neues CSS–Layout für Handy und PDA„).

Diesmal war ich auch zuversichtlich, dass das Layout mit den meisten modernen Handys und PDAs zugänglich ist. Schließlich hatte ich mit dem Opera Mini auf meinem Handy, mit dem Opera Mini Simulator sowie mit dem iPhone Simulator in Verbindung mit dem Firefox Addon User Agent Switcher getestet.

Mit dem Opera Mini 4 auf meinem Handy kann ich leider keine Bildschirmfotos (Screenshots) anfertigen. Das ist aber nicht tragisch, da die dortige Darstellung der Webseiten von Webseiten-Infos.de genauso aussieht wie beim Opera Mini Simulator.

Hier mal ein Bildschirmfoto (Screenshot) von der Startseite mit dem Opera Mini Simulator:

Sieht doch ganz akzeptabel aus. Oder?

Habe statt dem Originallogo extra die verkleinerte Version von meiner Twitterseite unter twitter.com/WebseitenInfos genommen.

Da das Simulator Programm iBBDemo auf meinem Windows-Rechner immer abstürzte (Anmerkung: Das könnte eventuell daran liegen, dass ich inzwischen Safari 4 auf meinem Rechner habe), versuchte ich mich mit dem Firefox Addon User Agent Switcher und dem iPhone Simulator unter TestiPhone.com.

Das Bildschirmfoto (der Screenshot) sah viel versprechend aus:

Darauf vertrauend stellte ich dann das neue CSS–Layout für Handy und PDA online.

Leider sah das Ergebnis auf einem echten iPhone aber bei weitem nicht so gut aus. Ute war so nett und machte Bildschirmfotos (Screenshots) mit ihrem iPhone und mailte sie mir. Danke dafür!

Hier das Problemfoto mit dem iPhone (hochkante Bildschirmgröße 320 x 480 Pixel):

Es wurde einfach der Text am rechten Bildschirmrand abgeschnitten.

Das Ende vom Lied: Ohne ein eigenes iPhone oder einen funktionierenden Simulator kann ich Layouts für das iPhone nicht testen.

Ein iPhone werde ich mir aber bestimmt nicht zulegen, solange es ohne Vertragsbindung so inakzeptabel teuer ist und iTunes als Software dafür erforderlich ist.

Ich werde deshalb jetzt die Browsererkennung für das iPhone aus dem WordPress–Plugin WP viewMobile herausnehmen.

Dann wird das iPhone halt kein reduziertes CSS–Layout für Handy und PDA bekommen, sondern das für normale Computerbildschirme.

Das finde ich zwar bescheuert, denn das iPhone ist ein Handy mit entsprechend reduzierter sichtbarer Fläche des Browsers (Viewport), aber dann ist das halt so.

Kommentare

• 11. August 2009, Ute schreibt: Bescheuert oder nicht, wir werden Apple nicht ändern. Ohne Extras habe ich die Seite jetzt gut lesbar und mit vollständigen Text ohne scrollen. Ich bin so völlig zufrieden! :hurra: das Smiliefenster öffnet sich halt auf einer neuen Seite, aber das finde ich nicht so schlimm...
• 11. August 2009, Dieter schreibt: @Ute Tja, Apple schöpft sein Käuferpotential nicht voll aus. Scheint ja trotzdem zu reichen. Wenn Dir die Darstellung der Seiten so auf dem iPhone reicht, ist das erfreulich. Die Übersicht der Tastaturkürzel für Smilies lasse ich in der Tat auf einer neuen Seite öffnen. Damit möchte ich sicherstellen, dass nicht ein Kommentarschreiber auf Smilies klickt und danach sein bisher geschriebener Kommentar weg ist. Wenn das eine völlig unberechtigte Sorge ist, dann könnte und würde ich das natürlich ändern. Ich habe halt die Sorge, dass abhängig von den Nutzereinstellungen nicht bei allen Browsern der bisher geschriebene Text bei der Rückkehr zum Kommentar erhalten bleibt.
• 11. August 2009, Ute schreibt: Lass es mit der neuen Seite, ich möchte auch nicht garantieren, dass in jedem Fall der Kommentar stehen bleibt. Apple macht Mainstream, ich denke damit erreichen sie unterm Strich am meisten.
• 11. August 2009, Dieter schreibt: @Ute Ein neues Fenster widerstrebt mir aus Gründen der Benutzerfreundlichkeit, aber noch blöder wäre es, wenn der Kommentar beim Anklicken der Übersicht der Tastaturkürzel für Smilies weg wäre. Eine dritte Alternative wäre es die Smilies direkt beim Kommentarfeld anzeigen zu lassen. Das aber hatte ich bewusst verworfen, weil dadurch die Ladezeit der Seiten wegen der vielen HTTP-Anfragen (HTTP-Requests) deutlich erhöhen würde. Die optimale Lösung habe ich da leider noch nicht gefunden und ich bin mir auch nicht sicher, ob es eine solche überhaupt gibt. Zu Apple: Apple macht das, was Microsoft früher auch schon erfolgreich praktizierte: Closed Shop!
• 11. August 2009, Ute schreibt:

  Ein neues Fenster widerstrebt mir aus Gründen der Benutzerfreundlichkeit, aber noch blöder wäre es, wenn der Kommentar beim Anklicken der Übersicht der Tastaturkürzel für Smilies weg wäre.

  Ja, das meinte ich mit: lass es.

  Eine dritte Alternative wäre es die Smilies direkt beim Kommentarfeld anzeigen zu lassen. Das aber hatte ich bewusst verworfen, weil dadurch die Ladezeit der Seiten wegen der vielen HTTP-Anfragen (HTTP-Requests) deutlich erhöhen würde.

  Ja, ohne JS sehe ich da auch keine Lösung. Beim Klicken diesen Teil der Seite nachladen, wäre die einzige weitere Alternative, aber die erfordert JavaScript... Nein, ich denke auch nicht, dass es _die_ Lösung gibt.

  Zu Apple: Apple macht das, was Microsoft früher auch schon erfolgreich praktizierte: Closed Shop!

  Da sind sie nicht allein, das machen die meisten anderen ja auch. Beim Android scheint sich so langsam ein bisschen was zu bewegen, es erfordert wohl inzwischen nicht mehr zwangsläufig die Zusammenarbeit mit Google-Applikationen... Es sind noch viel zuwenige, die sich für Alternativen interessieren, deshalb gibt es nur wenig andere Möglichkeiten.

Ähnliche Beiträge

• WordPress-Plugin PDA & iPhone in Deutsch
• Neues Layout für Handy und PDA
• Plugins für WordPress als CMS
• Opera 11 mit Erweiterungen
• Und der Gewinner des Buches ist…

Permalink | 5 Kommentare | Seite speichern bei Twitter | Mister Wong | del.icio.us | Y!GG | Linkarena
Schlagwörter: CSS, Darstellungsprobleme, Handy, iPhone, Layout, Opera Mini, PDA, Simulator, Webseiten