À quoi devez-vous faire attention lorsque vous utilisez HTML5 mobile dans WebView ?

Choses à noter : 1. Les événements de souris tels que click et mouseup auront un délai de 200 millisecondes. Vous pouvez utiliser des événements tactiles pour référencer les événements Quo.js ; 2. Il n'est pas compatible avec l'attribut ":active" de css3 et. doit être configuré ; 3. Prend uniquement en charge le défilement du HTML et du corps, et nécessite un traitement de compatibilité, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Dans les appareils mobiles, en particulier les écrans tactiles et autres téléphones intelligents, la vue Web du navigateur intégrée doit afficher des pages html. Par conséquent, il y a certaines choses auxquelles il faut prêter attention lors du développement de pages html, qui sont probablement les suivantes :

1 . Dans la vue Web, il y aura un délai de 200 millisecondes pour les événements de souris tels que clic, mouseup, mousedown, etc. Il est recommandé d'utiliser les événements tactiles Si cela vous convient, veuillez citer l'événement Quo.js (taille 3 Ko). rencontrez l'effet de clic rapide ;

2. Dans webview Il n'est pas compatible avec l'attribut :active de css3. Vous devez ajouter la classe active aux événements touchstart et touchend, et ajouter .active dans css. sous Android ne prend en charge que le défilement du code HTML et du corps. Pour les autres div et autres éléments, même l'utilisation de overflow:scroll ne peut pas non plus rendre le div défilable, cela doit donc être compatible.

Il existe deux façons de résoudre ce problème :

Premièrement, utilisez le plug-in iscroll.js, mais ce plug-in bloquera automatiquement tous les événements par défaut, vous devez donc l'utiliser avec prudence

Deuxièmement, en surveillant le toucher et le glissement de l'événement des éléments DIV pour simuler l'effet de défilement. Pour des méthodes spécifiques, voir noBarsOnTouchScreen.js

4 Lors du développement de pages Web en vue Web, il est nécessaire d'obtenir un effet de type application, en particulier la conversion. de pages dans différents modules d'une même page web, afin de rendre l'effet plus proche de celui des applications locales, voici un plug-in pagetransitions.js recommandé (voir pièce jointe pagetransitions.zip).

Il utilise l'animation CSS3 pour permettre une conversion fluide de chaque page, permettant de convertir la même page Web via divers effets d'animation.

Recommandations associées : "

Tutoriel vidéo HTML

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!