Smartphone mit JavaScript erkennen

Mit einem relativ kurzen Script kann man überprüfen, ob der Besucher über ein mobiles Endgerät wie ein iPhone oder Android online ist. Dazu prüft man einfach den User-Agent-String auf das Vorhandensein eines bestimmten Schlüsselworts oder Name eines Smartphones.

Diese Überprüfung kann beispielsweise dann notwendig sein, wenn gewisse Elemente nicht oder anders angezeigt werden sollen, da es auf dem Bildschirm eines Smartphones dafür kein Platz hat.

// User-Agent-String auslesen
var UserAgent = navigator.userAgent.toLowerCase();

// User-Agent auf gewisse Schlüsselwörter prüfen
if(UserAgent.search(/(iphone|ipod|opera mini|fennec|palm|blackberry|android|symbian|series60)/)>-1){
  // mobiles Endgerät
  alert("Du bist mit einem Smartphone online");
}
else{
  // kein mobiles Endgerät (PC, Tablet, etc.)
}
Die Liste der Geräte-Namen lässt sich beliebig erweitern. Dazu fügt man den kleingeschriebenen Begriff mit einem | getrennt an die Kette an (RegEx-Syntax: "oder"). Siehe auch JavaScript-Funktion search().

Voraussetzung für das Gelingen der Abfrage ist natürlich, dass das Gerät JavaScript auch unterstützt.