检测浏览器是否已将select转换为微调器?

时间:2014-11-03 21:55:03

标签: javascript

某些浏览器,尤其是手机浏览器,会将选择框替换为原生微调器组件。有没有办法检测浏览器是使用微调器还是传统选择?

1 个答案:

答案 0 :(得分:1)

简短回答

你不应该这样做。

更长的答案

当您提供一些HTML内容时,请说:

<h1>Person Dies of Ebola</h1>

你不应该在的条款中考虑这个,那么它是<h1>标签,因此浏览器会使它变得更大胆“。这不是语义的意思。

<h1>是告诉客户端浏览器的方式“嘿,这是标题级别1”

浏览器可能会选择以某种方式向用户展示,但在编写HTML时,这并不是您应该依赖的。

当你有一个<select>元素时,你告诉客户你要描述一些选项列表,用户应该选择一个。

发生是流行的浏览器为您实现交互功能的情况,但这不是您在<select>内撰写内容的原因。这只是浏览器尝试将内容恰当地呈现给客户的方式。

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

但是,实际上......

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

这里有a browser detection library为你做了一些。