有没有办法检测用户是否在jQuery中使用移动设备？类似于CSS@media属性？如果浏览器在手持设备上，我希望运行不同的脚本。
jQuery$.browser函数不是我想要的。
当前回答
在以下位置找到解决方案：http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/.
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
然后，要验证它是否是移动设备，您可以使用以下方法进行测试：
if(isMobile.any()) {
//some code...
}
其他回答
在一行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
我使用这个解决方案，它在所有设备上都很好：
if (typeof window.orientation !== "undefined" || navigator.userAgent.indexOf('IEMobile') !== -1) {
//is_mobile
}
我知道这个老问题，有很多答案，但我认为这个功能很简单，将有助于检测所有移动设备、平板电脑和计算机浏览器，它就像一个魅力。
function Device_Type()
{
var Return_Device;
if(/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android|iemobile|w3c|acs\-|alav|alca|amoi|audi|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd\-|dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg\-c|lg\-d|lg\-g|lge\-|maui|maxo|midp|mits|mmef|mobi|mot\-|moto|mwbp|nec\-|newt|noki|palm|pana|pant|phil|play|port|prox|qwap|sage|sams|sany|sch\-|sec\-|send|seri|sgh\-|shar|sie\-|siem|smal|smar|sony|sph\-|symb|t\-mo|teli|tim\-|tosh|tsm\-|upg1|upsi|vk\-v|voda|wap\-|wapa|wapi|wapp|wapr|webc|winw|winw|xda|xda\-) /i.test(navigator.userAgent))
{
if(/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i.test(navigator.userAgent))
{
Return_Device = 'Tablet';
}
else
{
Return_Device = 'Mobile';
}
}
else if(/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i.test(navigator.userAgent))
{
Return_Device = 'Tablet';
}
else
{
Return_Device = 'Desktop';
}
return Return_Device;
}
结账http://detectmobilebrowsers.com/它为您提供了多种语言的移动设备检测脚本，包括
JavaScript、jQuery、PHP、JSP、Perl、Python、ASP、C#、ColdFusion等
<script>
function checkIsMobile(){
if(navigator.userAgent.indexOf("Mobile") > 0){
return true;
}else{
return false;
}
}
</script>
如果您转到任何浏览器，并且尝试获取navigator.userAgent，那么我们将获得如下浏览器信息
Mozilla/5.0（Macintosh；Intel Mac OS X 10_13_1）AppleWebKit/537.36（KHTML，类似Gecko）Chrome/64.0.3282.186 Safari/537.36
如果你在手机上做同样的事情，你会得到关注
Mozilla/5.0（Linux；Android 8.1.0；Pixel Build/OOP6.171019.012）AppleWebKit/537.36（KHTML，类似Gecko）Chrome/61.0.3163.98 Mobile Safari/537.36
每个移动浏览器都会有useragent，其字符串包含“mobile”，所以我在代码中使用上面的代码片段来检查当前的用户agent是否是web/mobile。根据结果，我将进行必要的更改。
