首页 > 解决方案 > 功能检测高级浏览器多选控件(例如 iOS/Android 选择元素)

问题描述

检测用户是否使用支持高级多选控件的浏览器的最佳方法是什么?

例如,在 Desktop 上使用原生选择元素进行多选很糟糕,因此我们决定使用 select2(一个增强原生选择元素的插件)来增强它。在移动设备(例如 iOS / Android)上,原生多选元素非常好,并且可以说比 select2 更好,所以我们决定坚持原生体验。检测所使用的选择控件类型的最佳方法是什么?

用户代理嗅探效果不佳,因为许多桌面工具模拟移动设备,但仍呈现操作系统原生选择控件。

我的意思的例子......

标记

<select multiple>
  <option value=""></option
  ...
</select>



桌面:

在此处输入图像描述

桌面 Chrome 模拟 Android 设备:

在此处输入图像描述

真正的安卓:

在此处输入图像描述

标签: htmlselectfeature-detection

解决方案


推荐阅读