Was ist die Feature Detection im Browser?

Die Feature Detection (Merkmalserkennung) ist eine Programmiertechnik, die es ermöglicht zu überprüfen, ob der aktuelle Browser eine bestimmte Funktionalität (API) unterstützt. Anstatt zu raten oder die Browser-Version zu prüfen, basiert dieser Ansatz auf einem direkten Test der Existenz von Eigenschaften oder Methoden.

Vorteile:

• Maximale Kompatibilität: Der Code funktioniert nur dort, wo die benötigte Funktion unterstützt wird.
• Widerstandsfähigkeit gegenüber Änderungen: Es ist unabhängig von Browser-Versionen, die sich ändern können.
• Zuverlässiger Ansatz: Nutzung von Fähigkeiten, nicht von Annahmen.

Beispiel:

Überprüfung der Unterstützung von localStorage:

if (typeof(Storage) !== "undefined") {
  // localStorage wird unterstützt
  localStorage.setItem("myKey", "myValue");
} else {
  // localStorage wird nicht unterstützt
  // Alternative anbieten oder den Nutzer informieren
}

Überprüfung der Unterstützung von canvas:

var canvas = document.createElement('canvas');
if (canvas.getContext) {
  // canvas wird unterstützt
  var ctx = canvas.getContext('2d');
  // auf dem canvas zeichnen
} else {
  // canvas wird nicht unterstützt
}

Unterschiede zum Browser Sniffing:

Browser Sniffing basiert auf der Analyse der navigator.userAgent-Zeichenkette, um den Browser und seine Version zu bestimmen. Diese Methode ist nicht zuverlässig, da die User-Agent-Zeichenkette gefälscht, verändert oder unvollständig sein kann. Feature Detection konzentriert sich auf die Fähigkeiten, nicht auf die Browser-Identifikation.