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

Question

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

Answer 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)之间工作的内容。这样一来，您就可以放心地开发出美观的跨平台兼容应用程序，而且不会使手机出现故障。

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

编辑:关于悬停/鼠标输入/鼠标离开:

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

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

我在 Windows PC 上使用触摸屏来处理包含的应用程序，这会出现一些类似的问题。当用户点击面板时，鼠标光标会移动到那个点——因此像标题这样的东西可以显示在有它们的元素上。当那里没有光标时，这很愚蠢。 (大多数人不会想到有一个不可见的光标跟着他们，这正是大多数触摸屏面板上发生的事情)。

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

例如，我的网络应用程序中的按钮将在“事件”状态下将它们的背景更改为反向渐变。意思是当按下按钮时，按钮会按下，然后与之相关的 Action 就会开始。