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

这就是你要找的。

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

根据您想要检测移动设备的原因（这意味着这个建议不适合每个人的需要），您可以通过查看onmouseenter来实现区分，以单击毫秒差异，就像我在这个答案中描述的那样。

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

<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。根据结果，我将进行必要的更改。

使用了前面提到的sequeelo解决方案，并添加了宽度/高度检查功能（以避免屏幕旋转错误）。为了选择移动视口的最小/最大边界，我使用了这个资源https://www.mydevice.io/#compare-设备

function isMobile() {
    try{ document.createEvent("TouchEvent"); return true; }
    catch(e){ return false; }
}

function deviceType() {
    var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
    var height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0),screenType;
    if (isMobile()){
        if ((width <= 650 && height <= 900) || (width <= 900 && height <= 650))
            screenType = "Mobile Phone";
        else
            screenType = "Tablet";
    }
    else
        screenType = "Desktop";
  return screenType;
}

你不能依赖navigator.userAgent，并不是每个设备都会显示其真实的操作系统。例如，在我的HTC上，这取决于设置（“使用移动版本”开/关）。在…上http://my.clockodo.com，我们只是使用screen.width来检测小型设备。不幸的是，在某些Android版本中，screen.width存在一个错误。您可以将这种方式与userAgent结合起来：

if(screen.width < 500 ||
 navigator.userAgent.match(/Android/i) ||
 navigator.userAgent.match(/webOS/i) ||
 navigator.userAgent.match(/iPhone/i) ||
 navigator.userAgent.match(/iPod/i)) {
alert("This is a mobile device");
}