目前支持HTML5、CSS3和jquery的移动浏览器版本/设备版本/操作系统版本有哪些?

Webkit(Chrome,Safari)支持HTML5和CSS3。jQuery是受支持的,但是您可能会发现动画有点迟钝。Webkit可以在Android和iOS上找到。

OperaMini支持HTML5和CSS3,我敢打赌它的Javascript性能和Webkit是一样的。

一句话:保持javascript简洁,HTML和CSS仅限于Webkit和Opera(在较小程度上是Firefox)之间正常工作的内容。这样你就可以开发出一款好看的跨平台兼容应用程序,不会让手机陷入困境。

同时考虑使用 media queries 以CSS中的特定平台为目标。

编辑:

我会避免在触摸应用程序中使用mouseneter、hover或mouseleave效果。这些效果旨在为鼠标指针提供反馈,而鼠标指针不是直接连接到我们的手臂上(考虑到鼠标可以有不同的跟踪率,用户并不总是很容易找到鼠标)。

但是,在触摸环境中,这些事件可能会被错误地触发,或者根本不会触发。移动环境中的一些浏览器(比如iPad上的Safari)似乎应用了悬停状态(参见 here

我正在为一个包含的应用程序使用Windows PC上的触摸屏,这会带来一些类似的问题。当用户点击面板时,鼠标光标会移动到该点,因此标题之类的内容会显示在包含它们的元素上。这是愚蠢的,当那里没有光标。(大多数人不会想到一个不可见的光标跟着他们,这正是大多数触摸屏面板上发生的事情)。

例如,我的web应用程序中的按钮将在“活动”状态下将其背景更改为反向渐变。这意味着当按下按钮时,按钮会被按下,然后与之相关的动作就会开始。