MDN建议使用Navigator.maxTouchPoints检查可用的可触摸点。如果>0，则设备是可触摸的，很可能是手机或平板电脑。https://developer.mozilla.org/en-US/docs/Web/API/Navigator/maxTouchPoints

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()
}

屏幕可能位于分辨率较小的桌面上，也可能位于分辨率较宽的手机上，因此，结合本问题中的两个答案

const isMobile = window.matchMedia("only screen and (max-width: 760px)");
if (/Mobi|Tablet|iPad|iPhone/i.test(navigator.userAgent) || isMobile.matches) {
    console.log('is_mobile')
}

有时，为了显示特定于该设备的内容，需要知道客户使用的是哪个品牌的设备，例如iPhone商店或Android市场的链接。Modernizer非常棒，但它只向您展示浏览器功能，如HTML5或Flash。

以下是我在jQuery中的UserAgent解决方案，为每种设备类型显示不同的类：

/*** sniff the UA of the client and show hidden div's for that device ***/
var customizeForDevice = function(){
    var ua = navigator.userAgent;
    var checker = {
      iphone: ua.match(/(iPhone|iPod|iPad)/),
      blackberry: ua.match(/BlackBerry/),
      android: ua.match(/Android/)
    };
    if (checker.android){
        $('.android-only').show();
    }
    else if (checker.iphone){
        $('.idevice-only').show();
    }
    else if (checker.blackberry){
        $('.berry-only').show();
    }
    else {
        $('.unknown-device').show();
    }
}

此解决方案来自Graphics Maniacshttp://graphicmaniacs.com/note/detecting-iphone-ipod-ipad-android-and-blackberry-browser-with-javascript-and-php/

我建议你结账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();
}

这就是你要找的。

免责声明：我为提供这项免费服务的公司工作。

这不是jQuery，但我发现了这个：http://detectmobilebrowser.com/

它提供了检测多种语言的移动浏览器的脚本，其中一种是JavaScript。这可能会帮助你找到你想要的东西。

但是，由于您使用的是jQuery，您可能需要了解jQuery.support集合。它是用于检测当前浏览器功能的财产集合。文档位于此处：http://api.jquery.com/jQuery.support/

因为我不知道你到底想做什么，所以我不知道其中哪一个最有用。

尽管如此，我认为最好的选择是使用服务器端语言（如果可以选择的话）重定向或编写不同的脚本到输出。由于您并不真正了解移动浏览器x的功能，因此在服务器端执行检测和更改逻辑将是最可靠的方法。当然，如果您不能使用服务器端语言，所有这些都是一个悬而未决的问题：）