我正在寻找一个函数，返回一个布尔值，如果用户正在使用移动浏览器与否。
我知道我可以使用导航器。userAgent并使用regex编写该函数，但是用户代理对于不同的平台来说太复杂了。我怀疑匹配所有可能的设备是否容易，我认为这个问题已经解决了很多次，所以应该有某种完整的解决方案来完成这样的任务。
我正在看这个网站，但不幸的是，脚本是如此神秘，我不知道如何使用它为我的目的，这是创建一个返回true/false的函数。
当前回答
UserAgent不是100%可靠的。
window.navigator.maxTouchPoints > 1;
这就够了!它排除了浏览器开发控制台中的电话模拟器。这对我来说很重要。
其他回答
功能检测比试图弄清楚你在使用哪个设备要好得多，而且很难跟上新设备的步伐，像Modernizr这样的库可以让你知道某个特定功能是否可用。
如何:
if (typeof screen.orientation !== 'undefined') { ... }
.．.因为智能手机通常支持这个属性，而桌面浏览器不支持。在MDN中见。
编辑1:正如@Gajus指出的，窗口。Orientation现在已弃用，不应该使用。
编辑2:您可以使用实验屏幕。Orientation而不是弃用的window.orientation。在MDN中见。
编辑3:从窗口更改。朝向屏幕。朝向
根据MDN关于使用用户代理进行浏览器检测的文章，建议尽可能避免这种方法，并建议使用其他方法，如特征检测。
然而，如果必须使用用户代理作为检测设备是否移动的手段，他们建议:
总而言之，我们建议在中的任何地方查找字符串“Mobi” 用户代理检测移动设备。
因此，这一行代码就足够了:
const isMobileDevice = window.navigator.userAgent.toLowerCase().includes("mobi");
(更新):
正如@ zenwolf在评论中建议的那样，使用正则表达式会更好:
const isMobileDevice = /Mobi/i.test(window.navigator.userAgent)
IE10+解决方案仅使用matchMedia:
const isMobile = () => window.matchMedia('(max-width: 700px)').matches
isMobile()返回布尔值
这样你就可以知道用户在使用哪个设备。
if (/ipad|tablet/i.test(navigator.userAgent)) {
console.log("it's a Ipad"); // your code here
}
else if (/mobile/i.test(navigator.userAgent)) {
console.log("it's a Mobile");
} else {
console.log("it's a Desktop");
}
