有没有办法检测用户是否在jQuery中使用移动设备？类似于CSS@media属性？如果浏览器在手持设备上，我希望运行不同的脚本。
jQuery$.browser函数不是我想要的。
当前回答
如果发现仅检查navigator.userAgent并不总是可靠的。还可以通过检查navigator.platform来实现更高的可靠性。对先前答案的简单修改似乎效果更好：
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ||
(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.platform))) {
// some code...
}
其他回答
如果要测试用户代理，正确的方法是测试用户代理（即测试navigator.userAgent）。
如果用户伪造了这一点，他们就不必担心了。如果您测试.isUnix（），则不必担心系统是否为Unix。
作为一个用户，改变userAgent也可以，但如果你这样做了，你不希望站点能够正确呈现。
如果您希望为Microsoft浏览器提供支持，则应确保内容的前几个字符包含并测试您编写的每一页。
要旨始终按照标准进行编码。然后破解它，直到它在当前版本的IE中工作&不要期望它看起来很好。GitHub就是这么做的，他们刚刚拿到了1亿美元。
var device = {
detect: function(key) {
if(this['_'+key] === undefined) {
this['_'+key] = navigator.userAgent.match(new RegExp(key, 'i'));
}
return this['_'+key];
},
iDevice: function() {
return this.detect('iPhone') || this.detect('iPod');
},
android: function() {
return this.detect('Android');
},
webOS: function() {
return this.detect('webOS');
},
mobile: function() {
return this.iDevice() || this.android() || this.webOS();
}
};
我过去用过类似的东西。这与之前的响应类似，但它在技术上更具性能，因为它缓存匹配结果，尤其是在动画、滚动事件等中使用检测时。
我建议你结账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();
}
这就是你要找的。
免责声明：我为提供这项免费服务的公司工作。
我知道这个问题有很多答案，但从我所看到的情况来看，没有人能以我的方式解决这个问题。
CSS使用宽度（媒体查询）来确定应用于基于宽度的web文档的样式。为什么不在JavaScript中使用宽度？
例如，在Bootstrap（Mobile First）媒体查询中，存在4个快照/断点：
超小型设备为768像素及以下。小型设备的像素范围从768到991。中等设备的范围从992到1199像素。大型设备为1200像素及以上。
我们也可以使用它来解决JavaScript问题。
首先，我们将创建一个函数，该函数获取窗口大小并返回一个值，该值允许我们查看设备正在查看我们的应用程序的大小：
var getBrowserWidth = function(){
if(window.innerWidth < 768){
// Extra Small Device
return "xs";
} else if(window.innerWidth < 991){
// Small Device
return "sm"
} else if(window.innerWidth < 1199){
// Medium Device
return "md"
} else {
// Large Device
return "lg"
}
};
现在我们已经设置了函数，我们可以调用它并存储值：
var device = getBrowserWidth();
你的问题是
如果浏览器在手持设备上，我希望运行不同的脚本。
现在我们有了设备信息，剩下的就是if语句：
if(device === "xs"){
// Enter your script for handheld devices here
}
下面是CodePen的示例：http://codepen.io/jacob-king/pen/jWEeWG
我为.NET应用程序执行此操作。
在共享的_Layout.cshtml页面中，我添加了这个。
@{
var isMobileDevice = HttpContext.Current.Request.Browser.IsMobileDevice;
}
<html lang="en" class="@((isMobileDevice)?"ismobiledevice":"")">
然后检查站点中的任何页面（jQuery）：
<script>
var isMobile = $('html').hasClass('ismobiledevice');
</script>
