javascript - 如何检测移动浏览器是否会显示 "native"下拉控件？

Question

我想检查浏览器是否会显示特殊的“原生”样式下拉菜单(例如 iPhone 和 iPod)，而不是专门检查浏览器名称。是否可以在不按名称查看用户代理的情况下以更通用的方式检查该功能？

我想这样做以确定是呈现标准的还是更增强的下拉控件。

Answer 1

如果没有非常糟糕的解决方案，我认为这实际上是不可能的。我敢打赌最好的方法就是检测设备，因为几乎所有移动浏览器都使用 native ddl 来显示选项。

这可以通过使用 Modernizr 来实现的媒体查询和触摸检测:

if (Modernizr.touch && Modernizr.mq('only screen and (max-width: 768px)') {
     //it is a mobile / tablet device
}

或者使用常规的 CSS 媒体查询。