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

Question

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

我的更新

我通过使用javascript匹配CSS媒体查询来检测设备.使用保罗爱尔兰的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();
}

这就是你要找的东西.

免责声明:我为提供此免费服务的公司工作.谢谢.