如何找到仅受移动设备和平板电脑支持的 javascript 属性？答案

【问题标题】：How to find javascript properties which are only supported by mobile devices and tablets?如何找到仅受移动设备和平板电脑支持的 javascript 属性？
【发布时间】：2013-12-19 13:20:14
【问题描述】：

基本问题是使用 JavaScript 检测移动设备和平板设备。我有一个滚动条插件，我只想在桌面浏览器上显示它。如果可能的话，我想使用手机/平板电脑的默认滚动条。

我决定检测没有用户代理字符串的设备，而是专注于移动设备和平板电脑特定的 JS 属性。以下是我发现对检测移动/平板电脑浏览器有用的属性。我会将它们结合起来以使其尽可能准确。

window.screenX 在手机/平板电脑上不能不同于 0
window.orientation 在大多数桌面浏览器上是“未定义的”

您可以帮我解决这个问题，我将不胜感激。有什么方法可以更准确地检测手机/平板浏览器？

【问题讨论】：

标签： javascript android jquery mobile browser

【解决方案1】：

这里是另一个 SO 的链接，其中涵盖了使用 javascript 或 jQuery 检测设备。

编辑：但是它似乎在更流行的答案中使用了 userAgent。第二个最受欢迎的答案不使用 userAgent。它使用 CSS 媒体查询进行检测，并使用 Javascript 对媒体查询进行检查以确定设备。

希望这会有所帮助！

What is the best way to detect a mobile device in jQuery?

【讨论】：

上述 CSS 解决方案的问题在于，它不适用于屏幕宽于 760 像素的平板电脑。
难道不能针对不同的设备尺寸进行多个媒体查询，使用不同的隐藏元素来确定更广泛的用户代理吗？
关于该特定答案的评论部分也有一些不错的信息，例如： if( screen.width