Erstellen einer mobilen Version einer Website

Question

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

Teil der Grund für die Erstellung ist es anstelle einer iPhone-App, so würde ich gerne eine iPhone-Web-App, die volle Ausnutzung der iPhone-Version von WebKit bietet (so CSS-Animationen, auf gute verlassen können) Javascript-Unterstützung usw.). Ich würde mir aber auch wünschen, dass die Website 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?

Auch: Sind mobile Websimulatoren 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?

Answer 1

Dies sind einige der iPhone spezifische Bibliotheken, die einen nativen Look and Feel auf Webkit bieten:

• iUi
• jQTouch
• Sencha Touch
• iWebkit

bekommen es Arbeit an den meisten Handys wird definitiv sein ein Problem mit den meisten Bibliotheken, wie sie mit der iPhone-Bildschirmgröße (320x480) im Auge behalten 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 mühsam zu warten sein.

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