檢測網絡上的移動瀏覽器？

Question

我很想知道如何檢查iPhone，iPad和其他移動瀏覽器。（JavaScript或CSS）

編輯：

請不是用戶代理字符串。 這可能是假的。

可能的欺騙：

• 自動檢測移動瀏覽器（通過用戶代理？）和
  • 基於http請求檢測Web應用程序中的移動瀏覽器的標准方法

Answer 1

我會用WURFL 。 它是一個包含10000多個移動設備的開源xml數據庫，它將根據user-agent HTTP標頭值檢測（幾乎總是）您的移動電話和瀏覽器功能。

您將獲得以下信息：

1. 屏幕尺寸
2. XHTML / HTML支持級別
3. 圖形類型支持

很多其他的。

有適用於PHP，Java和.NET等流行語言的包裝API，因此您不必自己處理XML數據庫。

Answer 2

基本上，您檢查用戶代理字符串

請參閱http://www.hand-interactive.com/resources/detect-mobile-javascript.htm

檢測iPhone：

navigator.userAgent.toLowerCase().search("iphone") > -1

通常，功能檢測優於瀏覽器檢測，最好知道用戶的瀏覽器可以做什么而不是他正在使用的瀏覽器。 Modernizer是一個很好的工具。

Answer 3

使用Modernizr - http://modernizr.com/

Modernizr是一個JS腳本，可在頁面加載時測試瀏覽器的各種HTML5和CSS3功能。 您可以查看Modernizr JS對象，也可以使用它添加到HTML元素的類。 如果課程“觸摸”存在，則您有一個觸摸屏設備; 否則，班級是不接觸的。 然后你可以在你的CSS中做到這一點

.touch .myElement { /* touch device styles */ }

.no-touch .myElement { /* regular browser styles */ }

測試瀏覽器功能對於嗅探用戶代理來說是非常有用和面向未來的。 通過這種方式，對於您要添加的每個CSS3功能，您可以輕松編寫回退，如此處所示。

Answer 4

使用javascript檢測HTTP用戶代理 - 瀏覽器名稱的奇特術語