Что такое определение возможностей браузера (feature detection)?

Определение возможностей браузера (feature detection) — это программный подход для проверки поддержки браузером определенного API или функции JavaScript перед ее использованием.

Преимущества:

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

Пример проверки поддержки Fetch API:

if ('fetch' in window) {
  // Браузер поддерживает Fetch API
  fetch('/api/data')
    .then(response => ...)
    .catch(error => ...);
} else {
  // Браузер не поддерживает Fetch API, используем XMLHttpRequest
  const xhr = new XMLHttpRequest();
  xhr.open('GET', '/api/data');
  xhr.onload = function() {
    if (xhr.status === 200) {
      // Обработка данных
    } else {
      // Обработка ошибки
    }
  };
  xhr.onerror = function() {
    // Обработка ошибки
  };
  xhr.send();
}