【问题标题】:Which mobile browsers versions/devices versions/OS versions currently capable for HTML 5, CSS3 and jquery?目前哪些移动浏览器版本/设备版本/操作系统版本支持 HTML 5、CSS3 和 jquery?
【发布时间】:2010-09-15 18:43:52
【问题描述】:

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

【问题讨论】:

    标签: xhtml html css mobile-website


    【解决方案1】:

    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 hover/mouseenter/mouseleave 是否可以在带有“触摸”功能的移动浏览器上工作?那么黑莓呢,html 5 , css3, jquery 网站可以在上面工作吗?
    • 我没有黑莓,所以无法回答。至于悬停状态,我会更新我的答案。
    【解决方案2】:

    jQuery 只是 javascript,所以它们都是。 HTML5 的某些部分在桌面浏览器中也能正常工作。 CSS3 我现在无法评论。

    【讨论】:

      猜你喜欢
      • 2017-10-11
      • 2018-01-01
      • 2019-09-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-06-18
      • 2018-12-25
      相关资源
      最近更新 更多