Was ist bei der Verwendung von mobilem HTML5 in der Webansicht zu beachten?

Zu beachtende Dinge: 1. Mausereignisse wie „Click“ und „Mouseup“ haben eine Verzögerung von 200 Millisekunden. Sie können Touch-Ereignisse verwenden, um auf Quo.js-Ereignisse zu verweisen. 2. Es ist nicht kompatibel mit dem „:active“-Attribut von CSS3 und muss konfiguriert werden; 3. Unterstützt nur das Scrollen von HTML und Text und erfordert Kompatibilitätsverarbeitung usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Auf Mobilgeräten, insbesondere Touchscreens und anderen Smartphones, muss die eingebettete Browser-Webansicht HTML-Seiten anzeigen. Daher müssen bei der Entwicklung von HTML-Seiten einige Dinge beachtet werden, die wahrscheinlich die folgenden sind:

1 In der Webansicht kommt es zu einer Verzögerung von 200 Millisekunden für Mausereignisse wie Klicken, Mouseup, Mousedown usw. Es wird empfohlen, Touch-Ereignisse zu verwenden (Größe 3 KB). Treffen Sie den Fast-Click-Effekt;

2. Es ist nicht mit dem :active-Attribut von CSS3 kompatibel. Sie müssen die Klasse active zu touchstart und touchend hinzufügen und

3 In Android wird nur das Scrollen von HTML und Body unterstützt. Auch die Verwendung von overflow:scroll kann das Div nicht scrollbar machen, daher muss dies kompatibel sein.

Es gibt zwei Möglichkeiten, damit umzugehen:

Erstens verwenden Sie das Plug-in iscroll.js, aber dieses Plug-in blockiert automatisch alle Standardereignisse, daher müssen Sie es mit Vorsicht verwenden.

Zweitens: Durch Abhören des Berührungs- und Ziehvorgangs des DIV-Elements zum Simulieren des Scrolleffekts siehe noBarsOnTouchScreen.js

4 Bei der Entwicklung von Webseiten in der Webansicht ist es insbesondere erforderlich, einen App-ähnlichen Effekt zu erzielen Um die Konvertierung von Seiten in verschiedene Module derselben Webseite zu ermöglichen, wird hier ein Plug-in pagetransitions.js empfohlen (siehe Anhang pagetransitions.zip).

Es verwendet CSS3-Animationen, um eine reibungslose Konvertierung jeder Seite zu ermöglichen und die Konvertierung durch verschiedene Animationseffekte auf derselben Webseite zu ermöglichen.

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist bei der Verwendung von mobilem HTML5 in der Webansicht zu beachten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!