javascript - 在js中检测浏览器的最佳方法

Question

在 JavaScript 中有很多浏览器检测方法。

据我所知，使用navigator.userAgent或检测功能(如XMLHttpRequest)等。

谁能告诉我哪种方法最好最有效？

Answer 1

如果您真的需要知道他们正在使用什么浏览器，您主要需要查看 userAgent 字符串(尽管您可以有时通过寻找一些晦涩的功能来推断浏览器)。请注意，某些浏览器会让用户更改它并欺骗您。 :-)

但出于充分的理由，检测浏览器 已经过时了。相反，正如您所说，您想检测您正在寻找的功能。这更可靠，工作更少。例如，仅仅因为 IE 不支持 addEventListener，并不意味着它永远不会(事实上 IE9 支持)。因此，您改为进行功能检测，这可以让代码面向 future 。

这是一个具体的例子:假设您想知道(就像我对 place5 jQuery plug-in 所做的那样)浏览器是否支持 placeholder attribute .您可以使用浏览器检测并维护一个列表，其中包含哪些版本支持或不支持的浏览器，这是困惑的，您必须不断返回等等，或者你可以这样做:

if ("placeholder" in document.createElement("input")) {
    // The browser supports the attribute
}
else {
    // It doesn't
}

...大功告成。

this page 中有一组很棒的功能测试由 kangax 维护.还有一个名为 Modernizr 的库为您做特征检测、媒体查询等。如果你使用 jQuery，它有一些通过 jQuery.support 内置的特征检测。 .在 this article 中对特征检测、媒体查询、外形尺寸检测(平板电脑、手机或 PC？)的各个方面进行了很好的讨论。 .