我正在开发一个Web应用程序,我需要从javascript中检测设备。谁有人告诉我最好的方法呢?我通过谷歌搜索找到了几个解决方案。但没有人能够充分证明。我不想像WURFL那样使用服务器端检测。
我通过使用javascript匹配CSS媒体查询来检测设备。使用Paul Irish的polyfill进行媒体查询匹配 https://github.com/paulirish/matchMedia.js/
答案 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();
}
这就是你要找的东西。
免责声明:我为提供此免费服务的公司工作。感谢。