如果你说的“移动”是指“小屏幕”，我用这个：

var windowWidth = window.screen.width < window.outerWidth ?
                  window.screen.width : window.outerWidth;
var mobile = windowWidth < 500;

在iPhone上，你会得到一个320的window.screen.width。在Android上，你将得到一个窗口.outerWidth为480（尽管这取决于Android）。iPad和Android平板电脑将返回768这样的数字，这样它们就能像你想要的那样获得完整的视图。

此外，我建议使用小型JavaScript库Bowser，yes no r。它基于navigator.userAgent，对所有浏览器（包括iPhone、Android等）都进行了测试。

https://github.com/ded/bowser

你可以简单地说：

if (bowser.msie && bowser.version <= 6) {
  alert('Hello China');
} else if (bowser.firefox){
  alert('Hello Foxy');
} else if (bowser.chrome){
  alert('Hello Silicon Valley');
} else if (bowser.safari){
  alert('Hello Apple Fan');
} else if(bowser.iphone || bowser.android){
  alert('Hello mobile');
}

如果通过移动设备您了解可触摸设备，则可以通过检查触摸处理器的存在来确定：

let deviceType = (('ontouchstart' in window)
                 || (navigator.maxTouchPoints > 0)
                 || (navigator.msMaxTouchPoints > 0)
                 ) ? 'touchable' : 'desktop';

它不需要jQuery。

在以下位置找到解决方案：http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/.

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

然后，要验证它是否是移动设备，您可以使用以下方法进行测试：

if(isMobile.any()) {
   //some code...
}

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

这似乎是一个全面的现代解决方案：

https://github.com/matthewhudson/device.js

它可以检测多个平台，智能手机与平板电脑，以及方向。它还将类添加到BODY标记中，因此检测只发生一次，您可以通过一系列简单的jQuery hasClass函数来读取所使用的设备。

过来看。。。

[免责声明：我与写这封信的人无关。]