Существует множество способов обнаружения браузера в JavaScript.
Насколько я знаю, использование navigator.userAgent или обнаружение функций (например, XMLHttpRequest) и так далее.
Может ли кто-нибудь сказать мне, какой способ является лучшим и наиболее эффективным?
Если вам действительно нужно знать, какой браузер они используют, вам в основном нужно смотреть на строку userAgent (хотя иногда вы можете сделать вывод о браузере, взглянув на пару непонятные черты). Просто имейте в виду, что некоторые браузеры позволяют пользователю изменить это и обмануть вас. :-)
Но определение браузера не в моде по уважительным причинам. Вместо этого, как вы говорите, вы хотите обнаружить функции, которые вы ищете. Это надежнее и меньше работы. То, что IE не поддерживал, например, addEventListener, не означает, что он никогда не будет (и на самом деле IE9 поддерживает). Таким образом, вместо этого вы выполняете обнаружение функций, что защищает код в будущем.
Вот конкретный пример: предположим, вы хотите знать (как я сделал для моего плагина jQuery для place5) поддерживает ли браузер placeholder атрибут. Вы можете использовать обнаружение браузера и вести список браузеров, в которых версии поддерживаются или не поддерживаются, что беспорядочно и к чему вам нужно постоянно возвращаться, и т. д., и т. д., или вы можете сделать это:
if ("placeholder" in document.createElement("input")) {
// The browser supports the attribute
}
else {
// It doesn't
}
...и вы сделали.
На этой странице есть отличный набор функциональных тестов, поддерживаемых кангакс. Существует также библиотека под названием Modernizr, которая выполняет функции обнаружения, мультимедийные запросы и многое другое. Если вы используете jQuery, в него встроено определение некоторых функций через jQuery.support. В этой статьи.
Вы не определяете браузеры. Вместо этого вы проверяете доступные функции.
Обнаружение браузера можно обойти (черт возьми. Мне пришлось сделать это самому при использовании Opera на Gmail несколько лет назад), но если в браузере есть функция, то вы знаете, что можете ее использовать.
Вы можете попробовать это http://www.quirksmode.org/js/detect.html.
Но, как отмечали другие, вы должны попытаться использовать обнаружение функций, но иногда этого просто недостаточно. Например, когда какая-то функция работает слишком плохо/медленно и т. д.
Еще один отличный инструмент для обнаружения признаков — Modernizr.
Обнаружение функций — это короткий путь к обнаружению браузера. Как уже упоминалось, более важно знать, поддерживается функция вашим браузером или нет, а не определять браузер. Следующая ссылка поможет вам различать браузеры в зависимости от поддерживаемых ими объектов: http://www.javascriptkit.com/javatutors/objdetect3.shtml
Однако, если вы хотите определить браузер только для того, чтобы знать, лучше использовать Navigator, а не проверять различные функции, проверяя условия.
