javascript - HTML5 : Detecting if you're on mobile or pc with javascript?

Question

<分区>

Answer 1

几年前我就在研究这个问题。简而言之，您无法做到 100% 可靠。似乎有两种通常用于提供“最佳猜测”的方法:

<强>1。用户代理检测 这是您检查客户声称是什么的地方。 例如

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    // is mobile..
}

它并不完美，因为我相信这个属性很容易被意外或其他方式改变。此外，此列表在 2 年/2 周/2 天后仍然准确的可能性很小!

<强>2。使用客户端功能 正如您所想象的，一种更务实的方法 - 允许您迎合客户已知的 body 能力。例如

if( screen.width <= 480 ) {     
    // is mobile.. 
}

但这也不理想，因为现代设备中越来越高的像素密度会给您带来误导性结果:看起来您的“空间”比实际多。此外，不同的浏览器可能会通过不同的方式公开其功能。

如果有人有任何更好的想法来稳健地区分桌面和设备，请发表评论! :)