Wat is feature detection in browsers?

Het detecteren van browserfuncties (feature detection) is een programmeermethode waarmee kan worden gecontroleerd of de huidige browser een bepaalde functionaliteit (API) ondersteunt. In plaats van te raden of de versie van de browser te controleren, is deze aanpak gebaseerd op het direct testen van de aanwezigheid van eigenschappen of methoden.

Voordelen:

• Maximale compatibiliteit: De code werkt alleen waar de benodigde functie wordt ondersteund.
• Weerstand tegen veranderingen: Het is onafhankelijk van browserversies, die kunnen veranderen.
• Een betrouwbaardere aanpak: Gebruik maken van mogelijkheden, niet van aannames.

Voorbeeld:

Controle op ondersteuning van localStorage:

if (typeof(Storage) !== "undefined") {
  // localStorage wordt ondersteund
  localStorage.setItem("myKey", "myValue");
} else {
  // localStorage wordt niet ondersteund
  // Alternatief aanbieden of gebruiker informeren
}

Controle op ondersteuning van canvas:

var canvas = document.createElement('canvas');
if (canvas.getContext) {
  // canvas wordt ondersteund
  var ctx = canvas.getContext('2d');
  // tekenen op canvas
} else {
  // canvas wordt niet ondersteund
}

Verschil met Browser Sniffing:

Browser Sniffing is gebaseerd op het analyseren van de string navigator.userAgent om de browser en de versie te bepalen. Deze methode is niet betrouwbaar omdat de User Agent-string kan worden vervalst, gewijzigd of onvolledig kan zijn. Feature detection richt zich op de mogelijkheden, niet op de identificatie van de browser.