html - 功能检测高级浏览器多选控件(例如 iOS/Android 选择元素)
问题描述
检测用户是否使用支持高级多选控件的浏览器的最佳方法是什么?
例如,在 Desktop 上使用原生选择元素进行多选很糟糕,因此我们决定使用 select2(一个增强原生选择元素的插件)来增强它。在移动设备(例如 iOS / Android)上,原生多选元素非常好,并且可以说比 select2 更好,所以我们决定坚持原生体验。检测所使用的选择控件类型的最佳方法是什么?
用户代理嗅探效果不佳,因为许多桌面工具模拟移动设备,但仍呈现操作系统原生选择控件。
我的意思的例子......
标记
<select multiple>
<option value=""></option
...
</select>
桌面:
桌面 Chrome 模拟 Android 设备:
真正的安卓:
解决方案
推荐阅读
- android - Kotlin 中布局的可见性
- node.js - 在 NodeJS+Express 的 http 调用中设置 NO_PROXY
- node.js - 无法向特定频道发送消息
- html - Xpath:获取分支的最后一个元素
- javascript - 错误类型错误:无法读取未定义的属性“法令”
- azure - 将现有 azure 资源提取/导出到 HCL 文件的选项
- shared-libraries - 如何从共享中生成静态库 (.a) 以进行动态链接
- annotations - Spring AOP+自定义注解+SpEL
- java - java删除导致.0变为.99的尾随十进制数字
- python - 使用 Flask 单击链接后转到图像