Блог

Каковы средства, выгода и различия между обнаружением пользовательского агента и обнаружением функций? и какой из них лучше?

И, пожалуйста, приведите примеры использования для обоих.

Основная причина использования обнаружения функций в отличие от прослушивания пользовательского агента — это проверка на будущее.

Допустим, например, что вы хотите использовать некоторые новые функции XMLHttpRequest 2.0 (просто придумывая это). Вы знаете, что IE не поддерживает это, но Firefox поддерживает, и поэтому у вас есть подобный код в вашем JS:

 if (!IE) {
    UseNewAjax();
} else {
    UseOldAjax();
}
  

Позже выйдет новая версия IE, которая поддерживает новые функции, но поскольку вы отслеживаете агента, ваши пользователи IE не смогут получить эту функцию без внесения изменений в ваш код.

С другой стороны, если вы обнаруживаете функции:

 if (document.hasCoolNewAjax) {
    UseNewAjax();
} else {
    UseOldAjax();
}
  

В будущем вы можете быть уверены, что если браузер поддерживает функцию, которой у них раньше не было, они могут начать использовать эти функции немедленно, и вам не придется изменять свой код для ее поддержки.

Отслеживание браузера / пользовательского агента: использование языка программирования для определения того, какой браузер использует посетитель, поэтому для этого браузера может быть написана специальная логика. Неэффективно и считается плохой практикой в сообществе разработчиков.

Обнаружение функций: использование языка программирования для определения, поддерживает ли браузер определенную функцию. Считается лучшей практикой в сообществе разработчиков, потому что она надежна и рассчитана на будущее.

Из Википедии:

Прослушивание пользовательского агента в основном считается плохой практикой, поскольку оно поощряет дизайн, специфичный для браузера, и наказывает новые браузеры за непризнанные идентификаторы пользовательского агента. Вместо этого W3C рекомендует создавать стандартную HTML-разметку, позволяющую корректно отображать как можно больше браузеров, и тестировать конкретные функции браузера, а не конкретные версии браузера или бренды.

JavaScript — не единственный язык, с помощью которого вы можете отслеживать пользовательский агент или обнаруживать функции. Например, .NET framework обладает свойствами, которые позволяют считывать всевозможную информацию о браузере:

http://msdn.microsoft.com/en-us/library/3yekbd5b.aspx

http://modernizr.com

Обнаружение функций всегда лучше, чем обнаружение пользовательского агента, потому что пользователи могут подделать свою строку пользовательского агента, поэтому она ненадежна.

Помимо других очень веских причин, приведенных в других ответах, вот некоторый псевдокод, дающий другой пример:

  if (new_feature_available)
 {
    use_new_feature();
 }
 else
 {
    use_old_feature();
 }
  

против:

 // We had to look up what features are available in each to make this list
// There are probably browsers we're missing here as well...
// TODO: Make this list really big and include all known browsers
// TODO: Double check that this feature is not supported in listed browsers

 if (
         browser not IE5, IE6, IE7, Opera8, Firefox1.8, Seamonkey,
         OR browser is Chrome10, Firefox4, IE9
     )
 {
    use_new_feature();
 }
 else
 {
    use_old_feature();
 }
  

Видя это, разве обнаружение функций не имеет больше смысла?

Отслеживание браузера ненадежно и его трудно поддерживать.

Это ненадежно, потому что:

• подмена пользовательского агента может превратить iPad в настольный компьютер под управлением IE6 и наоборот
• связь между версией пользовательского агента / версией ОС / версией движка JS очень низкая, если не совсем отсутствует

Это сложно поддерживать, потому что:

• пользовательские агенты постоянно развиваются, заставляя вас разветвляться, разветвляться и разветвляться
• ваш код тесно связан с конкретными браузерами / движком, что приводит к множеству компромиссов и обходных путей
• ваш код в основном основан на предположениях и, следовательно, очень хрупок

Обнаружение функций упрощает и очищает код. Указанный код — в некотором смысле — абстрагирован от браузеров и почти полностью рассчитан на будущее.