【发布时间】:2010-09-15 18:43:52
【问题描述】:
哪些移动浏览器版本/设备版本/操作系统版本目前支持 HTML 5、CSS3 和 jquery?
【问题讨论】:
标签: xhtml html css mobile-website
哪些移动浏览器版本/设备版本/操作系统版本目前支持 HTML 5、CSS3 和 jquery?
【问题讨论】:
标签: xhtml html css mobile-website
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)之间正常工作的范围内。这样一来,您就可以放心开发一款外观漂亮的跨平台兼容应用程序,而且不会让手机陷入困境。
还可以考虑在 CSS 中使用 media queries 来定位特定平台。
编辑:关于 Hover / Mouseenter / Mouseleave:
我会避免在触摸应用程序中使用 mouseneter、hover 或 mouseleave 效果。这些效果旨在为鼠标指针提供反馈,鼠标指针并不直接附着在我们的手臂上(考虑到鼠标可以有不同的跟踪速率,用户并不总是容易发现鼠标)。
但是,在触摸环境中,这些事件可能会被错误地触发,或者根本不会触发。移动环境中的某些浏览器(例如我 iPad 上的 Safari)似乎在单击链接时应用了悬停状态(请参阅here),这似乎有些不正确。
我在 Windows PC 上为包含的应用程序使用触摸屏,这会出现一些类似的问题。当用户点击面板时,鼠标光标会移动到该点 - 因此标题之类的内容可以显示在具有它们的元素上。当那里没有光标时,这很愚蠢。 (大多数人不会想到跟随他们的无形光标,这正是大多数触摸屏面板上发生的情况。
假设触控应用旨在模仿物理的硬件按钮,例如键盘上的按钮。你不会得到任何你要按下它们的反馈,但是一旦你按下了按钮(物理/触觉反馈)以及想要的结果,你就会得到反馈。鉴于大多数触摸屏不支持触觉反馈,您必须提供视觉反馈来代替人们期望的物理反馈 - 然后结果需要触发。
例如,我的 Web 应用程序中的按钮将在“活动”状态下将其背景更改为反向渐变。意思是当按钮被按下时,按钮被按下,然后与之相关的动作就会开始。
【讨论】:
jQuery 只是 javascript,所以它们都是。 HTML5 的某些部分在桌面浏览器中也能正常工作。 CSS3 我现在无法评论。
【讨论】: