Einige Schlussfolgerungen zur Entwicklung mobiler Websites

Die mobile Version der Website sollte zumindest über einige grundlegende Funktionen verfügen:

1. Probleme mit der Seitenanwendbarkeit:

Mobile Endgeräte haben unterschiedliche Auflösungen und Bildschirmgrößen. Wenn Sie die Breite der Webseite dennoch auf 1003px oder andere Pixelwerte wie beim Computerdesign beschränken und für die Schriftgröße 12px oder 14px verwenden, sind die Auswirkungen auf verschiedenen Endgeräten sehr unterschiedlich. Daher ist es am besten, die Breite der Webseite an den Bildschirm anzupassen. Glücklicherweise hat das W3C dies beim Entwurf von HTML für uns berücksichtigt. Dies kann in nur einem Satz erledigt werden, d. h., fügen Sie hinzu

Für Schriftarten können wir einfach em oder ex als Einheit verwenden.

2. Probleme bei der Versionsproduktion:

Mobile Seiten sind häufig in verschiedenen Versionen für verschiedene Mobiltelefone verfügbar. Im Allgemeinen sind dies vereinfachte Versionen, Standardversionen, 3G-Versionen, Touchscreen-Versionen, Smartphone-Versionen usw. Neben den Unterschieden im Seitendesign ist auch die Seitensprache unterschiedlich. Die vereinfachte Version ist im WAP 1.0 WML-Skript geschrieben, das sehr vielseitig ist und von vielen inländischen Mobiltelefonen unterstützt wird, aber diese Sprache ist sehr vereinfacht. Die Standardversion verwendet im Allgemeinen WAP 2.0-Technologie und die entsprechende Skriptsprache ist XHTML MP (XHTML Mobile Profile). Diese Sprache ist eine Teilmenge von XHTML und unterstützt die meisten CSS. Sie ist im Grunde dasselbe wie die Computerversion, aber JS kann im Allgemeinen nicht verwendet werden. Dies liegt daran, dass diese Mobiltelefone JS nicht unterstützen. Was die Smartphone-Version betrifft, ist die Erstellung dieser Version viel einfacher, da alle aktuellen Smartphones JS unterstützen. Da jedoch die meisten Smartphones (im Wesentlichen Symbian-Telefone ausgenommen, einschließlich Android, iOS, WP7 usw.) HTML5 unterstützen, kann die Smartphone-Version mit HTML5 erstellt werden.

3. Probleme mit der Versionskontrolle:

Dieser Teil kann schwierig zu lösen sein. Wie Sie die beste Version des Mobiltelefons intelligent bestimmen und darauf umsteigen können, können Sie unter den folgenden Aspekten betrachten. Einerseits können Sie einen Weg finden, das Betriebssystem des Mobiltelefons abzurufen. Wenn es beispielsweise Android oder iOS ist, können Sie zur HTML5-Version springen. Für das Windows-System besteht kein Zweifel, dass die Computerversion das Mobiltelefonsystem abrufen kann, indem sie das Telefonmodell abruft. Die aktuelle Methode besteht darin, über den UA (User Agent) des Browsers einige Informationen über das Telefon abzurufen. Eine einfachere Möglichkeit besteht darin, den Hersteller des Telefons direkt über den UA zu ermitteln. Um weitere Informationen zu erhalten, benötigen Sie eine Datenbank, da verschiedene Mobiltelefonmodelle unterschiedliche UA-Informationen haben. Es gibt viele Mobiltelefone auf der Welt und es ist immer noch schwierig, eine solche Datenbank selbst zu erstellen. Allerdings hat jemand bereits eine solche Datenbank für uns erstellt oder, noch bequemer, eine Funktionsbibliothek erstellt, um die beste Version für das Mobiltelefon zu ermitteln. Hier empfehle ich die Verwendung von Wurfl. Andererseits können Sie das Skript auf der Seite verwenden, um festzustellen, ob der Browser js und html5 unterstützt. Der Code lautet wie folgt

Wenn Sie nur eine Version entwickeln möchten, nur um festzustellen, ob es sich um einen mobilen Client handelt, finden Sie hier ein Codezitat von discuz! x2

4. Größenproblem der mobilen Version:

Generell gilt: Bei der vereinfachten und regulären Version mobiler Webseiten versuchen wir, sie so prägnant wie möglich zu gestalten und möglichst viel Code einzusparen. Schließlich ist mobiler Datenverkehr für Benutzer immer noch sehr wertvoll. Wenn es sich beispielsweise bei der Benennung von Elementen um wenige Seiten handelt, ist es besser, den Namen kürzer zu gestalten und das CSS in einer Zeile zu schreiben. In CSS erben einige Elemente den Stil ihrer übergeordneten Klasse. Sie müssen nicht wiederholt definiert werden und die Standardwerte können sinnvoll genutzt werden.

5. Browser-Cache:

Wenn das Update nicht schnell erfolgt, aktivieren Sie am besten den Browser-Cache.