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

isMobile = function(){
    var isMobile = window.matchMedia("only screen and (max-width: 760px)");
    return isMobile.matches ? true : 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();
  }
};

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

如果要测试用户代理，正确的方法是测试用户代理（即测试navigator.userAgent）。

如果用户伪造了这一点，他们就不必担心了。如果您测试.isUnix（），则不必担心系统是否为Unix。

作为一个用户，改变userAgent也可以，但如果你这样做了，你不希望站点能够正确呈现。

如果您希望为Microsoft浏览器提供支持，则应确保内容的前几个字符包含并测试您编写的每一页。

要旨始终按照标准进行编码。然后破解它，直到它在当前版本的IE中工作&不要期望它看起来很好。GitHub就是这么做的，他们刚刚拿到了1亿美元。

为了增加额外的控制层，我使用HTML5存储来检测它是使用移动存储还是桌面存储。如果浏览器不支持存储，我有一组移动浏览器名称，并将用户代理与阵列中的浏览器进行比较。

这很简单。功能如下：

// Used to detect whether the users browser is an mobile browser
function isMobile() {
    ///<summary>Detecting whether the browser is a mobile browser or desktop browser</summary>
    ///<returns>A boolean value indicating whether the browser is a mobile browser or not</returns>

    if (sessionStorage.desktop) // desktop storage 
        return false;
    else if (localStorage.mobile) // mobile storage
        return true;

    // alternative
    mobile = ['iphone','ipad','android','blackberry','nokia','opera mini','windows mobile','windows phone','iemobile','tablet','mobi']; 
    var ua=navigator.userAgent.toLowerCase();
    for (var i in mobile) if (ua.indexOf(mobile[i]) > -1) return true;

    // nothing found.. assume desktop
    return false;
}

这些都是我所知道的吹嘘。如果您知道任何其他值，请帮助取消数组。

function ismobile(){
   if(/android|webos|iphone|ipad|ipod|blackberry|opera mini|Windows Phone|iemobile|WPDesktop|XBLWP7/i.test(navigator.userAgent.toLowerCase())) {
       return true;
   }
   else
    return false;
}

根据Mozilla浏览器使用用户代理的检测：

总之，我们建议在User Agent中的任何位置查找字符串“Mobi”以检测移动设备。

这样地：

if (/Mobi/.test(navigator.userAgent)) {
    // mobile!
}

这将匹配所有常见的移动浏览器用户代理，包括移动Mozilla、Safari、IE、Opera、Chrome等。

Android更新

EricL还建议将Android作为用户代理进行测试，因为平板电脑的Chrome用户代理字符串不包含“Mobi”（但手机版本包含）：

if (/Mobi|Android/i.test(navigator.userAgent)) {
    // mobile!
}