有没有办法检测用户是否在jQuery中使用移动设备？类似于CSS@media属性？如果浏览器在手持设备上，我希望运行不同的脚本。
jQuery$.browser函数不是我想要的。
当前回答
对我来说，小是美丽的，所以我使用这种技巧：
在CSS文件中：
/* Smartphones ----------- */
@media only screen and (max-width: 760px) {
#some-element { display: none; }
}
在jQuery/JavaScript文件中：
$( document ).ready(function() {
var is_mobile = false;
if( $('#some-element').css('display')=='none') {
is_mobile = true;
}
// now I can use is_mobile to run javascript conditionally
if (is_mobile == true) {
//Conditional script here
}
});
我的目标是让我的网站“移动友好”。所以我使用CSS媒体查询根据屏幕大小显示/隐藏元素。
例如，在我的移动版本中，我不想激活Facebook Like Box，因为它会加载所有的个人资料图片和内容。这对移动访客来说并不好。因此，除了隐藏容器元素之外，我还在jQuery代码块（上面）中执行此操作：
if(!is_mobile) {
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=210731252294735";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
}
你可以在http://lisboaautentica.com
我仍在开发手机版，所以在写这篇文章时，它仍然看起来不像应该的样子。
由dekin88更新
有一个内置的JavaScript API用于检测媒体。不使用上述解决方案，只需使用以下方法：
$(function() {
let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;
if (isMobile) {
//Conditional script here
}
});
浏览器支持：http://caniuse.com/#feat=matchmedia
这种方法的优点是，它不仅简单、更短，而且如果需要，您可以有条件地分别针对不同的设备，如智能手机和平板电脑，而无需在DOM中添加任何虚拟元素。
其他回答
你可以做这么简单的事情
(window.screen.width < 700) {
//The device is a Mobile
} else {
//The device is a Desktop
}
你会做太多的工作。
if (window.screen.availWidth <= 425) {
// do something
}
您可以通过JS在页面加载时执行此操作。无需编写长字符串列表来尝试捕获所有内容。哇，你错过了一个！然后你必须回去改变它/添加它。更流行的手机尺寸约为425英寸或更小（在纵向模式下），平板电脑约为700英寸，任何更大的都可能是笔记本电脑、台式机或其他更大的设备。如果你需要移动风景模式，也许你应该在Swift或Android工作室工作，而不是传统的网络编码。
附带说明：发布时，这可能不是一个可用的解决方案，但现在可以使用了。
我为.NET应用程序执行此操作。
在共享的_Layout.cshtml页面中，我添加了这个。
@{
var isMobileDevice = HttpContext.Current.Request.Browser.IsMobileDevice;
}
<html lang="en" class="@((isMobileDevice)?"ismobiledevice":"")">
然后检查站点中的任何页面（jQuery）：
<script>
var isMobile = $('html').hasClass('ismobiledevice');
</script>
在新版本的chrome（101）解决方案中，使用navigator.platform可能无法运行谷歌支持站点，但有一种更简单的方法来检查设备是否为移动设备。
如果（navigator.userAgentData.mobile==“true”）{//移动电话代码console.log（'bile'）；}其他{//PC和笔记本电脑代码console.log（“PC”）；}
我知道这个问题有很多答案，但从我所看到的情况来看，没有人能以我的方式解决这个问题。
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
