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

Detect if the browser has converted a select to a spinner?

本文关键字:转换 选择 浏览器 是否 检测      更新时间:2023-09-26

一些浏览器,尤其是手机浏览器,用原生微调器组件取代了选择框。有没有办法检测浏览器是使用微调器还是传统的选择?

简短回答

你不应该这样做。

更长的答案

当你交付一些HTML内容时,说:

<h1>Person Dies of Ebola</h1>

你不应该用的术语来考虑这一点"好吧,这是一个<h1>标签,所以浏览器会把它加粗"。这不是语义的意思。

<h1>是告诉客户端浏览器"嘿,这是头级别1"的方式。

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

当您有一个<select>元素时,您将告诉客户端,您将描述一些选项列表,用户需要在其中选择一个。

流行的浏览器为您实现交互功能,但这并不是您在<select>中编写内容的原因。这只是浏览器试图将内容适当地呈现给客户端的方式。

因此,如果您想要实现特定的交互,请使用JavaScript。保持HTML的原样,但要编写JavaScript来操纵DOM并实现您想要的交互。

但是,实际上

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

这里有一个浏览器检测库,可以为您提供一些功能。