當前哪些移動瀏覽器版本/設備版本/操作系統版本支持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中的特定平臺。

編輯：關於懸停/的MouseEnter /鼠標離開：

我會避免使用mouseneter，懸停，或鼠標離開觸摸應用程序內的效果。這些效果旨在爲鼠標指針提供反饋，該鼠標指針不直接連接到我們的手臂（並且考慮到鼠標可以具有不同的跟蹤速率，用戶發現鼠標並不總是那麼容易）。

但是，在觸摸環境中，這些事件可能被錯誤地觸發，或根本不觸發。移動環境中的某些瀏覽器（例如我的iPad上的Safari）似乎在單擊鏈接時應用了懸停狀態（請參閱here），這看起來有點不正確。

我正在使用Windows PC上的觸摸屏來查看包含的應用程序，並提出了一些類似的問題。當用戶點擊面板時，鼠標光標會移動到該點 - 因此標題等內容可以顯示在具有它們的元素上。當沒有光標時，這很愚蠢。 （大多數人不會想到跟隨它們的不可見光標，這正是大多數觸摸屏面板上發生的情況）。

請考慮一個觸摸應用程序的設計目的是模擬像鍵盤上的物理硬件按鈕。您沒有得到任何即將推送的反饋信息，但只要您按下按鈕（物理/觸覺反饋）以及所需的結果，就會得到反饋。鑑於大多數觸摸屏不支持觸覺反饋，您必須提供視覺反饋以取代人們期望的物理反饋 - 然後結果需要觸發。

作爲示例，我的web應用程序中的按鈕將其背景更改爲「活動」狀態的反向漸變。意思是當按下按鈕時，按鈕被按下，然後與其相關的動作將開始。

Answer 2

jQuery只是JavaScript，所以他們。 HTML5的部分功能與桌面瀏覽器一樣。 CSS3我現在無法評論。