Welche mobilen Browserversionen/Geräteversionen/OS-Versionen sind derzeit für HTML 5, CSS3 und Jquery geeignet?

Question

Welche mobilen Browserversionen/Geräteversionen/OS-Versionen sind derzeit für HTML 5, CSS3 und Jquery geeignet?

Answer 1

Webkit (Chrome, Safari) unterstützt HTML5 und CSS3. jQuery wird unterstützt, aber die Animationen könnten etwas träge sein. Webkit ist auf Android und iOS zu finden.

Opera Mini unterstützt HTML5 und CSS3, und ich bin bereit zu wetten, dass seine Javascript-Leistung in der gleichen Nachbarschaft wie Webkit ist.

Beachten Sie, dass Webkit und Opera nicht genau die gleichen Funktionen unterstützen - Webkit verfügt über etwas mehr Darstellungs-CSS, aber im Großen und Ganzen haben sie ähnliche Funktionen zur Verfügung.

Unterm Strich: Halten Sie Ihr Javascript schlank und sauber und beschränken Sie Ihr HTML und CSS auf das, was normalerweise zwischen Webkit und Opera (und in geringerem Maße auch Firefox) funktionieren würde. Auf diese Weise können Sie sicher sein, dass Sie eine gut aussehende, plattformübergreifend kompatible Anwendung entwickeln, die das Telefon nicht überlastet.

Erwägen Sie auch die Verwendung von Mediaabfragen um bestimmte Plattformen in CSS anzusprechen.

Edit : Bezüglich Hover / Mouseenter / Mouseleave:

Ich würde es vermeiden, Mauszeiger-, Hover- oder Mouseleave-Effekte in einer Touch-Anwendung zu verwenden. Diese Effekte wurden entwickelt, um eine Rückmeldung für einen Mauszeiger zu geben, der nicht direkt an unserem Arm befestigt ist (und wenn man bedenkt, dass Mäuse unterschiedliche Tracking-Raten haben können, ist es für den Benutzer nicht immer einfach, die Maus zu erkennen).

In einer Touch-Umgebung können diese Ereignisse jedoch falsch oder gar nicht ausgelöst werden. Einige Browser in einer mobilen Umgebung (z. B. Safari auf meinem iPad) scheinen den Schwebezustand anzuwenden (siehe aquí ) beim Anklicken eines Links, was nicht ganz korrekt zu sein scheint.

Ich arbeite mit einem Touchscreen auf einem Windows-PC für eine enthaltene Anwendung, und dies stellt einige ähnliche Probleme. Wenn der Benutzer auf das Bedienfeld tippt, wird der Mauszeiger an diesen Punkt bewegt - und so können Dinge wie Titel auf Elementen angezeigt werden, die sie haben. Was dumm ist, wenn sich dort kein Mauszeiger befindet. (Die meisten Menschen denken nicht an einen unsichtbaren Cursor, der ihnen folgt, aber genau das passiert auf den meisten Touchscreen-Panels).

Bedenken Sie, dass eine Touch-App so konzipiert ist, dass sie physische Hardware-Tasten wie die einer Tastatur imitiert. Sie erhalten keine Rückmeldung darüber, dass Sie sie drücken werden, aber Sie erhalten eine Rückmeldung, sobald Sie die Taste gedrückt haben (physisches/haptisches Feedback) sowie das gewünschte Ergebnis. Da die meisten Touchscreens kein haptisches Feedback unterstützen, müssen Sie visuelles Feedback liefern, um das physische Feedback zu ersetzen, das die Menschen erwarten - und dann muss das Ergebnis ausgelöst werden.

Zum Beispiel werden meine Schaltflächen in meiner Webanwendung ihren Hintergrund in einen inversen Farbverlauf ändern, wenn sie "aktiv" sind. Das heißt, wenn die Schaltfläche gedrückt wird, wird die Schaltfläche gedrückt, und dann wird die Aktion, die mit ihr verbunden ist, beginnen.

Answer 2

JQuery ist nur javascript, also alle von ihnen. Teile von HTML5 funktionieren ungefähr so gut wie im Desktop-Browser. Zu CSS3 kann ich mich im Moment nicht äußern.