哪些移动浏览器版本/设备版本/操作系统版本目前能够支持HTML 5,CSS3和jquery?

时间:2010-09-15 18:43:53

标签: css xhtml html5 css3 mobile-website

哪些移动浏览器版本/设备版本/操作系统版本目前能够支持HTML 5,CSS3和jquery?

2 个答案:

答案 0 :(得分:2)

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

Opera Mini支持HTML5和CSS3,我愿意打赌它的Javascript性能与Webkit在同一个社区。

请注意,Webkit和Opera不支持完全相同的功能 - webkit具有更多可用的表示性CSS,但在大多数情况下,它们具有类似的功能。

结论:保持您的javascript精简和干净,并将您的HTML和CSS限制在Webkit和Opera(以及较小程度上的Firefox)之间的正常工作。这样你就可以放心开发一款漂亮的跨平台兼容应用,不会让手机陷入困境。

还考虑使用media queries来定位CSS中的特定平台。

编辑:关于Hover / Mouseenter / Mouseleave:

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

但是,在触控环境中,这些事件可能会被错误触发,或者根本不会触发。移动环境中的某些浏览器(例如我的iPad上的Safari)似乎在点击链接时应用了悬停状态(请参阅here),这似乎有点不正确。

我正在使用Windows PC上的触摸屏来处理包含的应用程序,这会带来一些类似的问题。当用户点击面板时,鼠标光标移动到该点 - 因此标题之类的东西可以显示在具有它们的元素上。当那里没有光标时哪个很傻。 (大多数人都不会想到跟随它们的不可见光标,这正是大多数触摸屏面板上发生的情况)。

考虑触摸应用程序旨在模仿键盘上的物理硬件按钮。你没有得到任何你想要推动它们的反馈,但是一旦按下按钮(物理/触觉反馈)以及所需的结果,你就会得到反馈。鉴于大多数触摸屏不支持触觉反馈,您必须提供视觉反馈以替换人们期望的物理反馈 - 然后结果需要触发。

例如,我的Web应用程序中的按钮会将其背景更改为“活动”状态的反向渐变。按下按钮时的含义,按钮按下,然后开始绑定它的动作。

答案 1 :(得分:0)

jQuery只是javascript,所以全部。 HTML5的部分内容与桌面浏览器一样。 CSS3我现在不能发表评论。