Browsererkennung mit JavaScript 1
Die Frage nach Name und Version des aufrufenden Browsers ist ein Dauerbrenner im Webdesign und wird es, aufgrund der Vielfalt am Browsermarkt, wohl auch noch lange bleiben.
Viele Probleme, die sich aus den Unterschieden und Schwachstellen der einzelnen Browser ergeben, lassen sich mit intelligenten Designentscheidungen umgehen. So muss bei Boxmodell-Fehlern nicht direkt zum CSS-Hacks oder JavaScript gegriffen werden. Umgehungsstrategien für mangelhafte Browser sind häufig die bessere Alternative.
Leider funktioniert das aber nicht immer. Wenn solche Workarounds also einmal nicht möglich sind, eine Browserunterscheidung mit CSS nicht greift und auch Conditional Comments nicht in Frage kommen, können ein paar Zeilen JavaScript schnell Abhilfe schaffen, bevor das Problem zum Zeitfresser wird.
Browsererkennung und Browserweichen mit JavaScript
Es gibt viele Varianten, Version und Bezeichnung des Browsers über JavaScript zu erfragen. Am sinnvollsten verwendet man navigator.userAgent und navigator.appVersion, um den User Agent (die Browserkennung) und die Versionsnummer zu erhalten.
Da man in den seltensten Fällen den vollständigen Inhalt dieser beiden Variablen benötigt - meist stellt sich ja nur die Frage nach Versionsnummer und Bezeichnung des Browsers (z.B. Firefox 2 oder IE 7) - ist eine weitere Verarbeitung sinnvoll. Hier ein Codeschnipsel für die Identifizierung des Browsertyps.
Browserbezeichnung per User Agent prüfen (JavaScript):
Diese JavaScript-Funktion beantwortet die Frage, ob der Wert von name im User-Agent-String gefunden wurde. Man übergibt ihr eine Zeichenkette, die nur im User-Agent von Browsern eines bestimmten Herstellers vorkommt, einen Schlüssel also, der den Browsertyp eindeutig identifiziert. Die Funktion antwortet mit “stimmt” (true) oder “stimmt nicht” (false), je nachdem ob der Schlüssel gefunden wurde.
Die Verwendung als Browserweiche kann z.B. so aussehen:
In diesem Beispiel werden Schlüsselworte für die gängigsten User-Agents verwendet. “MSIE” steht für “Microsoft Internet Explorer”, die anderen Begriffe dürften selbsterklärend sein.
Welche User-Agents gibt es?
Eine Übersicht zahlreicher Browserkennungen (User Agents) hat Jörg Kruse zusammengestellt und auf user-agent-string.info kann man die eigene Browserkennung analysieren lassen.
Weitere Beiträge, die dich interessieren könnten:
Kommentare
Noch keine Kommentare.
Kommentieren