Co je to detekce funkcíí prohlížeče?

Detekce funkcíí prohlížeče (feature detection) je programovací metoda, která umožňuje ověřit, zda aktuální prohlížeč podporuje určitou funkčnost (API). Místo hádání nebo kontroly verze prohlížeče se tento přístup zakládá na přímém testování přítomnosti vlastností nebo metod.

Výhody:

• Maximální kompatibilita: Kód funguje pouze tam, kde je požadovaná funkce podporována.
• Odolnost vůči změnám: Nezávisí na verzích prohlížečů, které se mohou měnit.
• Spolehlivější přístup: Využití možností, nikoliv předpokladů.

Příklad:

Kontrola podpory localStorage:

if (typeof(Storage) !== "undefined") {
  // localStorage je podporován
  localStorage.setItem("myKey", "myValue");
} else {
  // localStorage není podporován
  // Nabídnout alternativu nebo upozornit uživatele
}

Kontrola podpory canvas:

var canvas = document.createElement('canvas');
if (canvas.getContext) {
  // canvas je podporován
  var ctx = canvas.getContext('2d');
  // kreslení na canvas
} else {
  // canvas není podporován
}

Rozdíly od Browser Sniffing:

Browser Sniffing je založen na analýze řetězce navigator.userAgent pro určení prohlížeče a jeho verze. Tento způsob není spolehlivý, protože řetězec User Agent může být falšován, měněn nebo obsahovat neúplné informace. Detekce funkcí se zaměřuje na schopnosti, nikoliv na identifikaci prohlížeče.