2010-09-15 73 views

回答

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中的特定平台。

编辑:关于悬停/的MouseEnter /鼠标离开:

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

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

我正在使用Windows PC上的触摸屏来查看包含的应用程序,并提出了一些类似的问题。当用户点击面板时,鼠标光标会移动到该点 - 因此标题等内容可以显示在具有它们的元素上。当没有光标时,这很愚蠢。 (大多数人不会想到跟随它们的不可见光标,这正是大多数触摸屏面板上发生的情况)。

请考虑一个触摸应用程序的设计目的是模拟像键盘上的物理硬件按钮。您没有得到任何即将推送的反馈信息,但只要您按下按钮(物理/触觉反馈)以及所需的结果,就会得到反馈。鉴于大多数触摸屏不支持触觉反馈,您必须提供视觉反馈以取代人们期望的物理反馈 - 然后结果需要触发。

作为示例,我的web应用程序中的按钮将其背景更改为“活动”状态的反向渐变。意思是当按下按钮时,按钮被按下,然后与其相关的动作将开始。

+0

jquery hover/mouseenter/mouseleave会在带有“touch”功能的移动浏览器上工作吗?那黑莓呢,一个html5,css3,jquery网站会怎么样呢? – 2010-09-15 18:54:18

+0

我没有黑莓,所以我无法回答。至于悬停状态,我会更新我的答案。 – EvilChookie 2010-09-15 19:00:17

0

jQuery只是JavaScript,所以他们。 HTML5的部分功能与桌面浏览器一样。 CSS3我现在无法评论。

相关问题