如何知道移动设备是否显示桌面？

Question

我已经看到很多问题询问如何检测设备是否移动。 通常，它们分为 3 类：

1. 检查屏幕尺寸/视口
2. 检查用户代理
3. 使用诸如Modernizr之类的库来解决浏览器功能问题。

在实施了我能做的事情之后，我仍然遇到了一个我从未见过被问到或解决过的情况； 在许多移动浏览器上，都有“请求桌面站点”(Chrome)、“桌面模式”(Dolphin) 或“桌面视图”(HTC Sense)。

我选择了上面的策略 #1，除非在桌面模式下查看页面，否则该策略有效。 实施#2 有缺点（欺骗、未编目代理等）。

是否有可靠的（跨浏览器）方法来检测移动浏览器上的桌面模式Javascript？ jQuery 或其他库都可以，但它应该基于特征检测，而不是一组用户代理。

Answer 1

网页无法检测该设备是否实际上是台式计算机。 启用“请求桌面站点”后，电话的行为就像桌面一样。 一种检查方法是检查设备的操作系统。 但是，某些手机使用Windows作为其操作系统，因此这不适用于Windows手机。

Answer 2

所以，最后我已经证明了检测这一点的方法。 有点棘手，但得到了精确的解决方案。

---

第1步

安装device-uuid库，（这里已经提到了如何安装）

<script src="https://raw.githubusercontent.com/biggora/device-uuid/master/lib/device-uuid.min.js"></script>
<script>
    var user_configuration = new DeviceUUID().get();
    console.log(user_configuration);
</script>
// output
// {"isAuthoritative":true,"isMobile":true,......"resolution":[980,1104],"browser":"Chrome"}

---

第2步

检测设备宽度

var curr_width = parseInt((window.innerWidth).toFixed());

---

第 3 步

现在需要将curr_width与user_configuration.resolution[0] （宽度）进行比较

如果两者相同，则这是正常视图，如果不是，则为“ DESKTOP VIEW ”。 附上截图。

if(curr_width == user_configuration.resolution[0]){
   alert("normal_view");
}else{
   alert("desktop_view");
}

---

手机浏览器桌面模式开启截图

普通移动视图的屏幕截图