Auswählen von Mobile Web HTML5 Framework [geschlossen]


131

Für das neue Projekt habe ich nach einem Framework mit Unterstützung von HTML5 gesucht, das auf Mobilgeräten ausgeführt wird, dh IPhone, IPads. Ich fand diese heraus:

Die Hauptsache für mich ist HTML5. Obwohl ich die angebotenen Funktionen durchgesehen habe, wollte ich nur Ihre Erfahrungen mit ihnen wissen.

Welches sollte ich wählen, wenn ich suche:

  • Schnellstart
  • Gute Dokumentation
  • Ähnliche Web-Way-Entwicklung
  • Gute Unterstützung für die mobile Plattform

5
Ich würde mit jQuery Mobile gehen. Dies könnte etwas zu Ihrer Entscheidung beitragen
stackoverflow.com/questions/5071369/…

Ich bin daran interessiert, die Antwort zu sehen. Wie viele dieser Frameworks erweitern HTML / JS / CSS (z. B. jQuery Mobile) im Gegensatz zu Entwicklungsumgebungen, die HTML / JS / CSS generieren (möglicherweise wie Cappuccino in der Webapp-Welt)?
Johnhunter

Es würde Ihnen helfen, anzugeben, was Sie erstellen möchten. Eine Web-App, die eine native App, Listen, Karussells, Animationen nachahmt? Sie benötigen kein Framework, um ein HTML5-Dokument zu erstellen, das auf Mobilgeräten funktioniert.
Antonj

3
Sie müssen klären, was Sie endgültig erstellen möchten: Webapp oder native App (aber in HTML5 entwickeln)? Mit Ausnahme von Titan ist der größte Teil des Frameworks für Webanwendungen vorgesehen. Sie benötigen zusätzliche Arbeit, um sie in eine native App zu packen. Die native App ist jedoch viel leistungsfähiger als die Webanwendung, insbesondere wenn Sie E-Mails senden und Dateien in iOS hochladen möchten.
Vincicat

2
Was ist die endgültige Antwort auf diese Frage? Es scheint mir subjektiv.
Phrogz

Antworten:


123

Dies hängt davon ab, was Ihre Zielgruppe ist und wie interaktiv die von Ihnen erstellte Website ist.

jQTouch: viel
CSS, wenig JavaScript, MIT-Lizenz
Für ein Framework, das einen schnellen Start bietet, aber leider nicht viel Dokumentation enthält, verwenden Sie jQTouch. Es erfordert sehr wenig, um loszulegen, und die Codierung ist ziemlich einfach. Es verwendet CSS-Klassen, um die entsprechenden Animationen und Interaktionen zu erkennen.

Sencha Touch:
fast vollständig JavaScript, GPL nicht für kommerzielle Websites ohne Lizenz
geeignet Wenn Sie eine komplexe Unternehmensanwendung mit vielen visuellen Interaktionen erstellen, würde ich Sencha Touch dringend empfehlen. Es ist stark dokumentiert und wird von einem starken professionellen Team bereitgestellt Unterstützung.

M-Project: Die
MIT-Lizenz,
die viel JavaScript enthält, scheint in Alpha zu sein, kann fehlerhaft sein. Obwohl ich selbst noch nie mit M-Project gearbeitet habe (danke für den Hinweis), scheint sie sehr robust zu sein, und die Codierung Der Stil scheint Sencha Touch sehr ähnlich zu sein, das auf ExtJS basiert. Wenn Ihr Team also bereits Erfahrung mit ExtJS hat, ist es möglicherweise ratsam, eines dieser Frameworks in Betracht zu ziehen.

Nimblekit:
Dies scheint nur für iOS zu sein, was nicht gut ist, wenn Sie sich jemals dazu entschließen, Ihre Anwendung auf Android oder eine andere Plattform zu erweitern.

Wink Toolkit:
scheint MIT zu sein, oder eine Variation davon. Meiner Meinung nach scheint Wink viel zu bieten zu haben, aber die Dokumentation fühlt sich kalt an

jQuery Mobile:
Doppellizenz MIT oder GPL 2, genau die richtige Mischung aus JavaScript und CSS
Ich werde jemanden mit mehr Erfahrung über die Vorzüge sprechen lassen, aber jQuery Mobile (obwohl es auch in Alpha ist) wird von einem starken Team und einem Team unterstützt Unterstützergemeinschaft durch Erweiterung der jQuery-Kernbibliothek. Wahrscheinlich die beste Wahl für alles außer für die unternehmensorientiertesten Anwendungen.

Titan:
Titan ist kein mobiles HTML5-Framework, sondern eine Javascript-basierte Schnittstelle zu nativen Codemodulen, die im Framework enthalten sind. Es ist ein ziemlich einfacher Rahmen, aber ich würde die Dokumentation als spärlich betrachten.

Fazit:
1. jQuery Mobile - solange Ihre App nicht unternehmensorientiert ist
2. Sencha Touch - wenn Ihre Anwendung unternehmensorientiert ist oder
viele Benutzerinteraktionen erfordert 3. jQTouch - wenn Sie nach einem einfachen Framework suchen, um loszulegen mit schnell, aber du brauchst nicht viel Begeisterung.
4. Titan - wenn Sie mehr daran interessiert sind, tatsächliche native Steuerelemente in Ihrer Anwendung zu haben

Demonstrations-Apps

Es gibt ein Open-Source-Projekt, PropertyCross , das dieselbe Anwendung demonstriert, die mit einer Reihe plattformübergreifender Frameworks implementiert wurde. Es ist sehr nützlich, um den Code, die Entwicklungserfahrung und die Endbenutzererfahrung der verschiedenen Frameworks zu vergleichen.


4
jqTouch wurde vor einiger Zeit von Sencha gekauft, um Sencha Touch zu erstellen. jqTouch basiert auf jQuery und Sencha Touch wurde
Uhr

jQTouch ist immer noch Open Source und Sencha Touch ist eine Portierung von ExtJS
Samshull

1
Hüten Sie sich vor nicht nativen Auswahlfeldern in jQuery Mobile. Sie werden den Speicher Ihres Telefons zerstören.
Jason Sebring

Ich habe ein Open-Source-Projekt propertycross.com erstellt , das bei der Auswahl eines plattformübergreifenden mobilen Frameworks hilft, indem dieselbe Anwendung gezeigt wird, die mit Sencha, Titanium, Xamarin und mehr implementiert wurde ...
ColinE

4
Was meinst du unternehmensorientiert?
Mark Boulder

14

jQuery Mobile ist besser und hat nette Unterstützung !!


9

Bleib bei jQuery Mobile. Es ist schneller als jQtouch. Es hat auch eine bessere Dokumentation als Senchas. Die anfängliche Ladezeit von Senchas ist langsam. Insgesamt gewinnt jQuery Mobile meine Wette.


7

Dieses Framework, das ich hier empfohlen habe, ist ziemlich neu, aber Sie können es in Zukunft ausprobieren : Mobl - HTML5 für die mobile Anwendung .

Eigentlich ist es eine DSL (Domain-spezifische Sprache), um eine HTML 5-Anwendung auf Mobilgeräten zu erstellen. Es wurde von Zef Hemel im Rahmen seiner Doktorarbeit erstellt und ermöglicht eine sehr einfache Möglichkeit, eine HTML5-Anwendung schnell zu erstellen

Über Ihre Anfrage:

  1. Schnellstart : Ja, es ist sehr einfach, mit Mobl zu entwickeln. Fügen Sie einfach ein Eclipse-Add-On hinzu und ändern Sie die Konfiguration.

  2. Dokumentation: Das Tutorial ist gut genug, aber es fehlt die Navigation, ich meine, eine umfassende Struktur. Ich hoffe, sie werden es bald hinzufügen.

  3. Ähnliche Webentwicklung: Ich glaube nicht. Als DSL hat Mobl eine andere Struktur (ähnliche Syntax wie Javascript) als die Web-Skriptsprache (HTML, Javascript, ...). Aber es braucht nicht viel Zeit, um sie zu verstehen.

  4. Support : Das Ding ist nicht gut. Zu diesem frühen Zeitpunkt ist die Mobl-Community sehr eingeschränkt.



4

Vielleicht möchten Sie auch einen Blick auf PhoneGap (opensource) werfen. Es gibt auch einen kostenlosen Build-Service in der Cloud, der native Apps für die meisten gängigen Telefone aus einer einzigen Quellcode-Basis herauspumpt. Ich habe es nicht selbst versucht, aber es klang faszinierend.


3

Ich würde mit HTML 5 Kesselplatte beginnen . Es ist ein bisschen schwer, aber Sie können so viel hinzufügen oder entfernen, wie Sie möchten. Auf jeden Fall die vollständigste HTML5-Vorlage, die ich gefunden habe. Dann würde ich mit jQuery Mobile gehen . Es ist noch nicht aus Alpha, also wird es voraussichtlich ein bisschen fehlerhaft sein, aber es steckt eine großartige Community dahinter und es hat eine gute Struktur zum Erstellen von Plugins.


3

Vielleicht möchten Sie auch in das Google Web Toolkit schauen, mit dem Sie mobile HTML5-Apps in Java schreiben können. GWT verfügt über ein Template-System, in das Sie HTML und CSS einbinden können, sodass der Hauptunterschied darin besteht, dass Sie in Java anstelle von Javascript schreiben. Sencha Touch, das bereits erwähnt wurde, ist auch in einer GWT-Version namens Gwt4Touch erhältlich.




1

Für Ihre zukünftigen Projekte können Sie sich auch DHTMLX Touch ansehen , ein kostenloses Open Source-Framework zum Erstellen mobiler Web-Apps. Der Einstieg ist recht einfach und es gibt ein Live-Support-Forum. Einige Demos: http://www.dhtmlx.com/touch/samples/

(Ich arbeite für DHTMLX)

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.