如何使用javascript检测平板电脑，手机，桌面，电视

Question

我正在开发一个Web应用程序，我需要从javascript中检测设备。谁有人告诉我最好的方法呢？我通过谷歌搜索找到了几个解决方案。但没有人能够充分证明。我不想像WURFL那样使用服务器端检测。

我的更新

我通过使用javascript匹配CSS媒体查询来检测设备。使用Paul Irish的polyfill进行媒体查询匹配 https://github.com/paulirish/matchMedia.js/

Answer 1

您可以使用：

1）JS：用户代理检测

if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i))

从此处获取用户代理字符串： http://www.useragentstring.com/pages/useragentstring.php

2）CSS：使用响应式设计

3）JS：按screen.width

检测屏幕宽度

Answer 2

我建议你查看http://wurfl.io/

简而言之，如果您导入一个微小的JS文件：

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

您将留下一个类似于：

的JSON对象

{
 "complete_device_name":"Google Nexus 7",
 "is_mobile":true,
 "form_factor":"Tablet"
}

（假设您正在使用Nexus 7），您将能够执行以下操作：

if(WURFL.form_factor == "Tablet"){
    //dostuff();
}

这就是你要找的东西。

免责声明：我为提供此免费服务的公司工作。感谢。