Erstellen einer mobilen Version einer Website

8

Ich möchte eine mobile Version unserer Website / Web-App erstellen. Was ist eine gute Möglichkeit, die beste Version mit allen Funktionen bereitzustellen?

Ein Grund für die Erstellung ist eine iPhone-App, daher möchte ich eine iPhone-Web-App anbieten, die die iPhone-Version von WebKit voll ausnutzt (also CSS-Animationen, die sich auf gutes JavaScript stützen können) Unterstützung usw.). Ich würde mir aber auch wünschen, dass die Website auch auf anderen Smartphones sowie auf einfacheren Mobiltelefonen gut funktioniert.

Erstelle ich zwei Websites (Mobile WebKit und einfaches mobiles Web) und umleitung basierend auf User Agent? Kann ich eine Website erstellen, die sich stark verschlechtert? Was sind die Möglichkeiten und wie gehen andere Menschen damit um?

Außerdem: Sind mobile Web-Simulatoren einen verdammten Wert? Ich habe ein iPhone, damit kann ich leicht testen. Wenn ich mit Blackberry / Palm Pre testen möchte, brauche ich wirklich ein Gerät oder gibt es zuverlässige Simulatoren?

    
Apemantus 04.01.2010, 11:14
quelle

1 Antwort

8

Dies sind einige der iPhone-spezifischen Bibliotheken, die ein natives Aussehen und Verhalten auf Webkit bieten:

Damit es auf den meisten Handys funktioniert, wird es definitiv ein Problem mit den meisten Bibliotheken sein, da sie mit der Bildschirmgröße (320x480) des iPhones erstellt werden.

Um eine breitere Abdeckung von Geräten einschließlich Android- und J2ME-Telefonen zu erhalten, checken Sie Yahoo Blueprint . Es ist eine Auszeichnungssprache, die für verschiedene Plattformen und Geräte übersetzt.

Sie können die mobile Ansicht basierend auf dem Benutzeragenten abrufen, indem Sie das Stylesheet auf Ihrem Server beim Ausspucken der Seite dynamisch wechseln. Dies ist jedoch kein empfohlener Ansatz für stark beanspruchte Seiten, da Sie immer noch große Datenblöcke senden, die nicht gerendert werden. Wenn Sie eine klare Trennung Ihrer Ansichten haben, können Sie alternativ die Ansicht basierend auf dem Benutzeragenten und / oder anderen Parametern templatisieren. Dies hat den Vorteil, dass Sie Ihre Steuerungslogik mit nur wechselnden Ansichten an einem Ort halten. Sie können die oben genannten Bibliotheken für iPhone / iPod Touch verwenden und für andere Smartphones auf eine einfachere mobile Version wechseln oder sie nach Belieben anpassen.

Das Erstellen einer separaten mobilen Version der Site kann bei Änderungen schwierig sein.

Die iPhone- und Android-Simulatoren sind so nah wie nur möglich. Das iPhone lässt dich aus naheliegenden Gründen nicht so tun, als würde man Anrufe am Simulator machen, aber das Android bietet Mock-Implementierungen für praktisch alles auf dem Gerät.

    
Anurag 04.01.2010, 11:39
quelle