Programmierung von Websites für mobile Geräte
https://stackoverflow.com/questions/1117752
-
12-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich bin gespannt, wie eine Website für Mobilgeräte freundlicher zu machen .. so, was die besten Dimensionen sind und wie mache ich die Website herauszufinden, ob sie auf einem mobilen Gerät sind. auch was tun muß ich auf meinem Design begrenzen und Codierung Seiten mehr störungsfreie und schnelleres Laden zu machen ...
Lösung
Es gibt wirklich zwei große Schulen hier und es hängt von Ihrem Publikum:
Wenn Sie sich über die aktuellen mobilen Browser zu sprechen, die Mehrheit des Marktes wird mit vollem Funktionsumfang Browser wie auf dem iPhone, Android-Varianten, Palm Pre, usw. Diese behandeln Dinge wie komplexe Javascript und modernen CSS. Für diese Menge, wollen Sie in erster Linie auf die Dinge konzentrieren, wie das Layout für sehr begrenzte Seite Breiten Straffung (> 800px), Minimierung der Menge an Daten benötigt um es zu laden (da mobile Verbindungen kann sehr langsam sein), und die Optimierung Schriftgrößen und Zeilenhöhen für die Lesbarkeit.
Doch in den Entwicklungsländern (Afrika, Südamerika, in Teilen Asiens) dann mobiles Surfen ist A) extrem wichtig, und B) etwa 5-10 Jahre hinter in Hardware-Fähigkeit. Mobiles Internet ist ein wichtiges Mittel der in diesen Bereichen Informationen bekommen, aber Sie müssen wirklich HTML zu schreiben, wie es ist 1999 (minus die Tabellen natürlich). Halten Sie Ihren Markup sehr sauber und sehr einfach, begrenzt jede Phantasie Styling, und verlassen Sie sich nicht auf Javascript, Flash oder irgendetwas anderes.
Für diese Art von Publikum, sollten Sie sehr besorgt sein mit dem, was Ihre Seite aussieht, ohne jeder Sheet angewendet. Semantisches Markup ist König. Natürlich werden Sie in der Lage sein, es zu Stil, aber es so gering wie möglich zu halten.
Hoffnung, dass einige grundlegende Ideen bietet.
Andere Tipps
Sie können einen Blick auf die W3 Mobile Web Initiative . Sie haben viele Best Practices sowie ein paar gute Tools wie der Mobile Web Validator .
Schnittstelle benutzerfreundlicher zu machen, schlage ich vor, Sie jQuery Mobile verwenden.
