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

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

您还可以使用服务器端脚本并从中设置javascript变量。

php中的示例

下载http://code.google.com/p/php-mobile-detect/然后设置javascript变量。

<script>
//set defaults
var device_type = 'desktop';
</script>

<?php
require_once( 'Mobile_Detect.php');
$detect = new Mobile_Detect();
?>

<script>
device_type="<?php echo ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'mobile') : 'desktop'); ?>";
alert( device_type);
</script>

结账http://detectmobilebrowsers.com/它为您提供了多种语言的移动设备检测脚本，包括

JavaScript、jQuery、PHP、JSP、Perl、Python、ASP、C#、ColdFusion等

在新版本的chrome（101）解决方案中，使用navigator.platform可能无法运行谷歌支持站点，但有一种更简单的方法来检查设备是否为移动设备。

如果（navigator.userAgentData.mobile==“true”）{//移动电话代码console.log（'bile'）；}其他{//PC和笔记本电脑代码console.log（“PC”）；}

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

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

它不需要jQuery。