Czym jest wykrywanie możliwości przeglądarki (feature detection)?

Wykrywanie funkcji przeglądarki (feature detection) to metoda programistyczna pozwalająca sprawdzić, czy bieżąca przeglądarka obsługuje określoną funkcjonalność (API). Zamiast zgadywać lub sprawdzać wersję przeglądarki, podejście to opiera się na bezpośrednim teście obecności właściwości lub metod.

Zalety:

• Maksymalna kompatybilność: Kod działa tylko tam, gdzie obsługiwana jest potrzebna funkcja.
• Odporność na zmiany: Nie zależy od wersji przeglądarek, które mogą się zmieniać.
• Bardziej niezawodne podejście: Wykorzystanie możliwości, a nie przypuszczeń.

Przykład:

Sprawdzanie obsługi localStorage:

if (typeof(Storage) !== "undefined") {
  // localStorage jest obsługiwany
  localStorage.setItem("myKey", "myValue");
} else {
  // localStorage nie jest obsługiwany
  // Zaproponuj alternatywę lub powiadom użytkownika
}

Sprawdzanie obsługi canvas:

var canvas = document.createElement('canvas');
if (canvas.getContext) {
  // canvas jest obsługiwany
  var ctx = canvas.getContext('2d');
  // rysuj na canvas
} else {
  // canvas nie jest obsługiwany
}

Różnice od Browser Sniffing:

Browser Sniffing opiera się na analizie ciągu navigator.userAgent, aby określić przeglądarkę i jej wersję. Metoda ta nie jest niezawodna, ponieważ ciąg User Agent może być sfałszowany, zmieniony lub zawierać niepełne informacje. Wykrywanie funkcji koncentruje się na możliwościach, a nie na identyfikacji przeglądarki.