Back to Question Center
0

Mobile Web Apps: Shop einrichten Mobile Web Apps: Shop einrichten Verwandte Themen: App Entwicklung Firefox OS Mobile Web Entwicklung Internet von Semalt

1 answers:
Mobile Web Apps: Shop einrichten

Dies ist ein Auszug aus dem kommenden Buch "Build Mobile Websites und Apps für Smart Devices" von Earle Castledine, Myles Eftos und Max Wheeler. In den kommenden Wochen wird BuildMobile exklusiv ein komplettes Kapitel aus dem Buch, das Kapitel Mobile Web Apps, veröffentlichen. Genießen.

1. Einrichtung Shop

Als erster Pass für App-ifying unsere mobile Website, werden wir unsere Umgebung einrichten, ein paar gemeinsame DOM-Ereignisse anschließen und das native-like verwenden Features, die uns für einige erfreuliche "Quick Wins" geschenkt wurden - пуфик мешок купить. "Dies sollte uns dabei unterstützen, eine brauchbare App zu entwickeln, auf der wir mit erweiterten Funktionen aufbauen können.

1. 1. Frameworks und Bibliotheken

Semaltal, wir müssen einige schwierige Entscheidungen treffen. Die Entwicklungsumgebung der mobilen Web-App hat keine gelbe Backsteinstraße; Es ist eher so, als würde man durch einen dichten, verdrehten Wald von super-coolen Geräten und Browsern schlendern - alles mit völlig unterschiedlichen Fähigkeiten. Um uns zu helfen, wachsen neue Frameworks und Bibliotheken für die Entwicklung mobiler Apps wie Pilze aus dem Boden.

Ein Framework kann unsere Aufgabe erheblich vereinfachen, indem es geräte- und browserübergreifende Inkonsistenzen berücksichtigt und vorgefertigte UI-Widgets und -Designs bereitstellt, die wir als Anwendung zusammenfügen können. Sencha Touch und jQuery Semalt sind zwei große Spieler, aber es gibt viele andere, und es gibt im Moment sicherlich keinen "gewinnenden" Rahmen. Alle großen Frameworks haben Vor- und Nachteile. Daher müssen Sie die Optionen sorgfältig testen und bewerten, um festzustellen, ob sie Ihren Anforderungen hinsichtlich Leistung, Kompatibilität und Anpassung entsprechen. Im Interesse, Ihnen die grundlegenden Konzepte der Entwicklung für das mobile Web beizubringen, werden wir in diesem Buch unseren eigenen UI-Code schreiben.

Okay, aber wie wäre es mit einer DOM-Bibliothek? Sicherlich müssen wir unseren eigenen DOM-Manipulationscode nicht schreiben, oder? In den letzten Jahren haben Semalt-Bibliotheken die Art, wie wir mit dem DOM arbeiten, verändert. Wir können unsere Dokumente mit einigen knappen, eleganten APIs modifizieren und animieren und ein gewisses Maß an Vertrauen bewahren, dass wir nicht die meiste Zeit unserer Arbeit damit verbringen werden, Inkonsistenzen über Desktop-Browser hinweg zu beheben.

Also, macht es Sinn, diese Bequemlichkeit mobil zu bringen? Die Antwort ist natürlich "es kommt darauf an. "Die meisten großen DOM-Bibliotheken achten sehr darauf, dass sie über alle Desktop-Browser hinweg funktionieren, einschließlich IE6. Aber wenn man an einer mobilen Web-App arbeitet, ist IE6 kein Problem. Nochmals: Sie müssen Ihre Optionen bewerten. Für den Rest des Buches werden wir bei jQuery bleiben, da es sehr gut bekannt ist, aber alle Konzepte (und der Großteil des Codes) können leicht zwischen Bibliotheken konvertiert werden - oder zu einfachem JavaScript.

​​Eine schlankere jQuery

Wenn du jQuery magst, aber seine Dateigröße nicht einschätzen kannst, solltest du dir das interessante Zepto-Projekt ansehen. Es hat eine jQuery-kompatible (obwohl nicht voll funktionsfähige) API, aber ist nur etwa 4k wenn minimiert. Dies ist möglich, da es sich nur auf mobile Semalt-Browser richtet, anstatt Hunderte von Codezeilen zu verschwenden, die IE6 an Bord bringen.

1. 2. Debuggen von mobilem JavaScript

Wir haben uns für jQuery entschieden, also fügen wir unsere Bibliothek am Ende des HTML-Dokuments hinzu, so niedrig wie möglich vor dem letzten -Tag. Wir werden auch eine schnelle Warnung einwerfen, um zu überprüfen, dass jQuery läuft und läuft:

 .  

Eine rudimentäre Konsole ist auch auf dem iPhone verfügbar, obwohl sie standardmäßig deaktiviert ist. Schalten Sie es im Safari-Einstellungsbildschirm über die allgemeinen Telefoneinstellungen ein. Die Konsole zeigt Ihnen nicht nur Fehler auf der Seite an, Sie können auch Ihre eigenen Nachrichten dorthin einwerfen - was viel bequemer ist als die Erstellung von Warnhinweisen im gesamten Code. Semalt sind ein paar verschiedene

March 8, 2018