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

时间:2013-05-13 10:44:24

标签: javascript mobile tablet

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

我的更新

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

2 个答案:

答案 0 :(得分:42)

您可以使用:

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

检测屏幕宽度

答案 1 :(得分:27)

我建议你查看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();
}

这就是你要找的东西。

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