Wie soll ich ein jQuery Mobile App für Browser mit und ohne JavaScript schreiben?

Question

Ich versuche, meinen Kopf um jQuery Mobile zu wickeln. Mein Ziel ist es, eine sehr schnelle Anwendung mit einem Blick und das Gefühl, so nah wie möglich an eine native App (zumindest für moderne Geräte) zu bauen.

Ich verstehe, gibt es zwei Möglichkeiten der Navigation zwischen den einzelnen Seiten:

1. Laden Sie jede Seite als separate Seite und Links zu anderen Seiten mit regelmäßigem HTML-Anker.

2. Setzen Sie alle (oder viele) Seiten auf einer einzigen Web-Seite und die Navigation zwischen ihnen mittels Javascript ($ .mobile.changePage (Methode) und ähnliche api-Funktionen.

Der erste Ansatz sollte alle Browser arbeiten, aber führt ziemlich schlecht, da gibt es eine Verzögerung zwischen den einzelnen Seiten Übergang.

Die zweite sieht aus wie es sollte viel schneller sein, so würde ich auf jeden Fall diesen Ansatz bevorzugen. Aber wie würde das Werk für Mobilgerät-Browser ohne Javascript-Unterstützung? Es scheint sicher, jQuery Mobile Ziel zu verletzen eine anmutig degradiert Erfahrung für C-Klasse-Browser zur Verfügung zu stellen.

Es scheint mir, wie ich meine App zweimal implementieren müssen, einmal für Browser mit Javascript-Unterstützung optimiert, einmal für Browser ohne? Unter Verwendung kann eine andere Option sein, aber das noch unordentlich aussieht.

Was ist der empfohlene Weg, dieses Dilemma zu nähern? Gibt es etwas, ich habe nicht bemerkt?

Danke,

Adrian

Answer 1

Zu allererst:. Ihr point2 ist falsch

Siehe Lokale, interne hier "Seiten" verknüpft und es sorgfältig lesen. Ein Link href="#pageelementid" wird gut funktionieren und wird auch in jedem HTML4-fähigen Browser arbeitet [könnte <a name="pageelementid"> in einigen Fällen verlangen, ich bin nicht mehr sicher,] mit dem einzigen Unterschied, dass alle Seiten auf einmal sichtbar.

Die zweite Sache ist, dass, wenn Sie die Art und Weise Nummer 1 verwenden Sie es auch ganz nett aussehen wird. Es wird geladen, ja, aber in JavaScript-fähigen Browser wird es geladen mit AJAX und es gibt keine bösen blinken zwischen den Seiten. Auch - a. "Laden" Popup erscheint

jQuery Mobile soll Sie eine Anwendung mit einigen reinen und einfachen HTML ohne JS erstellen lassen. JQM selbst übernimmt die Verbesserung der Seite, so dass es gut aussieht und nutzt AJAX. Versuchen Sie, eine Anwendung zu erstellen, die möglichst in jedem Browser funktionieren würde (meine Inspiration: Luchs) und die Verwendung JQM Markup dafür. Alle Javascript Sie bereit sind, zu schreiben, sollte als Erweiterung arbeiten -. So dass es besser anstatt es überhaupt funktionieren

viel Glück damit!

Answer 2

Die derzeitigen Überlegungen auf wenige Browser unterstützen, sind nicht ordnungsgemäß beeinträchtigen, sondern zu verbessern. Wenn Sie die Website aus dem Boden ohne Javascript Arbeit aufbauen dann verbessern sie danach, dann wissen Sie ziemlich viel, dass die Website arbeiten (anstatt zu fix es oder ein sekundärer Standort bauen).

Was die beiden Optionen, die Sie festgelegt haben, die Nummer eins meine Vorliebe als mobile Benutzer sein würde, wenn ich nur eine begrenzte Bandbreite hatte und auch eine Menge Leute haben eine zeitlich begrenzte Download-Menge pro Monat.

Lumping alle Seiten in eine große Datei kann wie eine gute Idee (bereits heruntergeladen) erscheinen, aber Sie können auch in Speicherbeschränkungen auf bestimmten Telefonen laufen. Und was ist, wenn alles, was sie tun wollen, ist Besuch zwei Seiten, warum sollten sie die gesamte Website herunterladen können gezwungen werden, dies zu tun?