Smartphone mit JavaScript erkennen

Juli 2010

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.
 


Andere Einträge


Kommentare

#1
von Yan am 23.02.2013
Hi,

danke für den Artikel :) Hat mir sehr geholfen und wird mir auch dabei helfen die mobile Version meiner Webseite aufzubauen :)

#2
von Nadin am 27.03.2014
Hi,
lässt sich diese Abfrage auch auf Marke bzw. Model des mobilen Endgerätes (iphone 4S, 5; Galaxy S5, S4 etc.) anwenden?

Danke.

#3
von Jakob Rohländer am 09.06.2014
Danke, ich nutze aber lieber eine PHP Klasse.

#4
von Lisa am 13.10.2015
Hi,
Es muss im Code "ipad" heißen, nicht "ipod".
Lisa