javascript - 检测浏览器是否已将选择转换为微调器？

Question

一些浏览器，尤其是手机浏览器，将选择框替换为 native 微调器组件。有没有办法检测浏览器是使用微调器还是传统选择？

Answer 1

简答

你不应该能够。

更长的答案

当你传递一些 HTML 内容时，说:

<h1>Person Dies of Ebola</h1>

您不应该用“好吧，这是一个<h1> 标签，因此浏览器会将其加粗和放大” 来考虑这一点。这不是语义的意思。

<h1>是您告诉客户端浏览器“嘿，这是 1 级 header ” 的方式。

浏览器可能选择以特定方式将其呈现给用户，但这并不是您在编写 HTML 时真正应该依赖的东西。

当你有一个 <select>元素，您是在告诉客户您将要描述一些选项列表，用户希望从中选择一个选项。

碰巧是流行的浏览器为您实现交互功能的情况，但这不是您在 <select> 中编写内容的原因。 .这只是浏览器尝试将您的内容适本地呈现给客户端的方式。

因此，如果您想要实现特定的交互，请使用 JavaScript。保持 HTML 不变，但编写 JavaScript 来操作 DOM 并实现您希望的交互。

但是，实际上...

你或许可以使用 user-agent 检测您使用的浏览器并相应地执行操作。

这是 a browser detection library这会为你做一些。