javascript - 有没有一种优雅的方法来检测移动浏览器？

Question

我有a website当通过移动浏览器访问时，重定向到 a different page .

我一直难以想出一种可靠地检测移动设备的方法。目前，我的 Javascript 代码如下:

if (document.documentElement.clientWidth < 680 || 
    document.documentElement.clientHeight < 450) 
  location.href = "handheld.aspx";

如果浏览器大小小于桌面版本支持的大小，则会重定向。问题在于，某些移动浏览器开始缩小，并且具有与桌面设备相似的浏览器尺寸。

我对此进行了一些研究，主要找到了涉及嗅探用户代理刺痛并根据现有移动设备中的一堆字符串进行检查的解决方案。如果可能的话，我想避免这条路线，因为它看起来极其困惑，并且将来当新设备问世时会中断。

有没有一种不太笨拙的方法来检测移动浏览器，或者至少有一种更可靠的方法来检测屏幕尺寸？

Answer 1

您必须决定您最想检测移动浏览器的哪个方面。您是否正在尝试检测屏幕尺寸并重定向到适合较小屏幕的网站设计。如果是这样，您可以使用 window.screen ( doc here )。

如果您尝试检测移动浏览器中的特定功能或缺乏功能，那么您应该使用功能检测来查明指定的功能是否存在。这比检测浏览器用户代理要好得多。