有没有办法检测用户是否在jQuery中使用移动设备？类似于CSS@media属性？如果浏览器在手持设备上，我希望运行不同的脚本。
jQuery$.browser函数不是我想要的。
当前回答
function isDeviceMobile(){
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i) && navigator.userAgent.match(/mobile|Mobile/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i)|| navigator.userAgent.match(/BB10; Touch/);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/webOS/i) ;
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
return isMobile.any()
}
其他回答
我建议你结账http://wurfl.io/
简而言之，如果您导入一个很小的JavaScript文件：
<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.is_mobile) {
//dostuff();
}
这就是你要找的。
免责声明：我为提供这项免费服务的公司工作。
navigator.userAgentData.mobile返回[true|false]
在一行javascript中：
var isMobile = ('ontouchstart' in document.documentElement && /mobi/i.test(navigator.userAgent));
如果用户代理包含“Mobi”（根据MDN）并且ontouchstart可用，那么它很可能是一个移动设备。
EDIT：根据评论中的反馈更新正则表达式代码。使用regex/mobi/i，i不区分大小写，mobi匹配所有移动浏览器。看见https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent/Firefox
结账http://detectmobilebrowsers.com/它为您提供了多种语言的移动设备检测脚本，包括
JavaScript、jQuery、PHP、JSP、Perl、Python、ASP、C#、ColdFusion等
你可以做这么简单的事情
(window.screen.width < 700) {
//The device is a Mobile
} else {
//The device is a Desktop
}
