功能检测浏览器隐藏选择选项的功能

Question

隐藏选择选项的功能检测功能

我想检测浏览器是否可以成功隐藏选择控件中的选项元素。

我有this rather kludgy (half) solution，它干扰了网页上的实际元素：

$().ready(function() {
    var el = $("form").find("option.hide");
    var supportsHiddenOptions = el.hide().is(":hidden");
    console.log(supportsHiddenOptions);
});

<form>
    <select>
    <option val="1">Static</option>
    <option val="2" class="hide">Hide Me</option>
    </select>
</form>

这在某些时候有效：MSIE 11报告它无法隐藏选项元素;他们可以使用当前的Chrome / FF / Opera报告。

另一方面，Safari报告它可以隐藏该选项，但事实并非如此。

有没有办法检测浏览器是否可以在不操纵实际DOM元素的情况下隐藏选项元素？

注意，this question显示了您可以做什么来隐藏MSIE中的选项元素，但我有兴趣检测隐藏它们的能力。

Answer 1

您可以使用Bowser来检测浏览器