您可以使用媒体查询来轻松处理它。

isMobile = function(){
    var isMobile = window.matchMedia("only screen and (max-width: 760px)");
    return isMobile.matches ? true : false
}

在一行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

这里有一个函数，您可以使用它来获得关于您是否在移动浏览器上运行的正确/错误答案。是的，这是浏览器嗅探，但有时这正是您需要的。

function is_mobile() {
    var agents = ['android', 'webos', 'iphone', 'ipad', 'blackberry'];
    for(i in agents) {
        if(navigator.userAgent.match('/'+agents[i]+'/i')) {
            return true;
        }
    }
    return false;
}

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

我过去用过类似的东西。这与之前的响应类似，但它在技术上更具性能，因为它缓存匹配结果，尤其是在动画、滚动事件等中使用检测时。

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

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

你不能依赖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");
}