移动设备的具体功能是什么，这意味着你想要不同的行为？

是输入机制（触摸和虚拟键盘与鼠标和物理键盘）、更小的屏幕尺寸还是其他原因？

例如，在CSS4中，您可以为支持触摸的设备使用@media（任何指针：粗糙），而为主要输入为触摸的设备（即，无论是否插入外部键盘，手机和平板电脑）使用@media（指针：粗略）。现代浏览器大多完全支持CSS4。

在JavaScript中，您可以使用Window.matchMedia（）测试任何CSS媒体查询（包括上面的查询），如本SO答案中所建议的。（我本来希望现在能有更本土的东西，但找不到任何东西。）

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

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

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

我尝试了一些方法，然后我决定手动填写一个列表并进行简单的JS检查。最后，用户必须确认。因为有些检查给出了假阳性或阴性。

var isMobile = false;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Opera Mobile|Kindle|Windows Phone|PSP|AvantGo|Atomic Web Browser|Blazer|Chrome Mobile|Dolphin|Dolfin|Doris|GO Browser|Jasmine|MicroB|Mobile Firefox|Mobile Safari|Mobile Silk|Motorola Internet Browser|NetFront|NineSky|Nokia Web Browser|Obigo|Openwave Mobile Browser|Palm Pre web browser|Polaris|PS Vita browser|Puffin|QQbrowser|SEMC Browser|Skyfire|Tear|TeaShark|UC Browser|uZard Web|wOSBrowser|Yandex.Browser mobile/i.test(navigator.userAgent) && confirm('Are you on a mobile device?')) isMobile = true;

现在，如果您想使用jQuery设置CSS，可以执行以下操作：

$(document).ready(function() {
  if (isMobile) $('link[type="text/css"]').attr('href', '/mobile.css');
});

由于移动设备和固定设备之间的边界变得流畅，移动浏览器已经很强大，因此检查宽度和用户确认可能是未来的最佳选择（假设在某些情况下宽度仍然很重要）。因为触摸已经转换为鼠标上下。

关于移动移动性，我建议你考虑一下约夫·巴尼亚的想法：

if(typeof window.orientation !== 'undefined'){...}

我使用这个解决方案，它在所有设备上都很好：

if (typeof window.orientation !== "undefined" || navigator.userAgent.indexOf('IEMobile') !== -1) {
   //is_mobile
}

如果您使用Modernizr，那么很容易使用前面提到的Modernizr.touch。

然而，为了安全起见，我更喜欢使用Moderniz.touch和用户代理测试的组合。

var deviceAgent = navigator.userAgent.toLowerCase();

var isTouchDevice = Modernizr.touch || 
(deviceAgent.match(/(iphone|ipod|ipad)/) ||
deviceAgent.match(/(android)/)  || 
deviceAgent.match(/(iemobile)/) || 
deviceAgent.match(/iphone/i) || 
deviceAgent.match(/ipad/i) || 
deviceAgent.match(/ipod/i) || 
deviceAgent.match(/blackberry/i) || 
deviceAgent.match(/bada/i));

if (isTouchDevice) {
        //Do something touchy
    } else {
        //Can't touch this
    }

如果您不使用Modernizr，您可以简单地将上面的Modernizr.touch函数替换为（document.documentElement中的“ntouchstart”）

还要注意，测试用户代理iemobile将为您提供比Windows Phone更广泛的检测到的Microsoft移动设备。

另请参阅此SO问题