User Agent Switcher: Das Web aus Sicht meines Handys

Manchmal wünscht man sich, die Welt kurz mal aus der Sicht von anderen sehen zu können. Vielleicht sieht mein Nachbar ja was ganz anderes, als ich? Was im echten Leben etwas schwierig werden dürfte, ist im Web sehr einfach möglich: Kurz gesagt kann man sich mit dem Firefox-AddOn User Agent Switcher von Chris Pederick als beliebiger Browser, Robot oder Endgerät tarnen und sehen, was der Server antwortet. Wenn man sich z.B. als Google-Bot oder iPhone im Netz bewegt, gewinnt man ein paar sehr interessante Eindrücke. Denn nicht auf allen Servern herrscht Gleichbehandlung aller Besucher. Und das ist auch gut so.

Ganz nebenbei hilft dieses Tool auch ungemein beim Entwickeln und Testen mobiler Webseiten. Der User Agent ist die Kennung, die ein Browser beim Aufruf einer Webseite an den Server sendet. Sie enthält in der Regel Infos über Betriebssystem, Browserhersteller, Browsername und Version. Manchmal auch noch mehr, z.B. Hardware-Infos. Mein Firefox identifizeirt sich z.B. folgendermaßen bei allen Server, die er besucht:
Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10 (.NET CLR 3.5.30729

Auf vielen Servern wird dieser User Agent (und manchmal noch weitere Infos, die der Browser sendet) verwendet, um die gelieferten Inhalte anzupassen. Das kann aus den verschiedensten Gründen passieren, z.B.:

  • Lokalisierung: Anpassung an Sprache und lokale Formatierung
  • Browserweichen, um Browser-Bugs zu umgehen
  • Inhalte speziell für Suchmaschinen-Roboter aufbereiten oder vor ihnen verbergen
  • Mobile Content Adaption: Anspassung der Inhalte auf die Fähigkeiten mobiler Endgeräte

Der User Agent Switcher hilft besonders Entwicklern, diese Anpassungen zu testen: Mit zwei Klicks kann man die gewünschte Browserkennung wählen und ist ab sofort in fremder Haut unterwegs. Wer z.B. als Nokia N95 die Seite www.immowelt.de ansurft, wird automatisch auf die mobile m.immowelt.de weitergeleitet. Es kann auch sehr hilfreich sein, seine Seiten aus Sicht des Google-Bots oder z.B. des W3C mobileOK-Tests zu betrachten.

Verwandlung in ein Nokia N95

What you see…

Einen wichtigen Punkt darf man dabei aber nicht vergessen: Das, was der Browser dann anzeigt stimmt nicht unbedingt mit dem überein, wie es dann auf dem jeweiligen Gerät dargestellt werden würde. Der Browser bekommt nur den selben Quelltext geliefert. Wie er ihn interpretiert ist wieder was anderes. Das fängt an bei einfachen Dingen wie der Bildschirmgröße oder den unterstützten Farben und Schriften. Dann gibt es auch noch unterschiedliche Markup-Sprachen. Manche Handys bekommen eine adaptierte Seite vielleicht in WML oder XHTML-MP geliefert und Firefox kann damit garnichts anfangen. Oder eine Seite setzt auf Javascript, um ihren Inhalt aufzubauen, während der Google-Bot Javascript zwar ausgeliefert bekommt, aber es schlichtweg ignoriert.

Man kann diese Problem teilweise durch weitere Firefox-AddOns lösen:

  • Mit WML-Browser und XHTML Mobile Profile kann man dem Firefox WML und XHTML-MP beibringen.
  • Die Web Developer Toolbar gibt u.a. schnellen Zugriff auf das Deaktivieren von Cookies oder Javascript.

    Deaktivieren von Javascript mit wenigen Clicks

  • Mit dem Small Screen Renderer kann man einen kleinen Handybildschirm simulieren.

    Die Mobile-Seite von Immowelt mit dem Smal Screen Renderer

    Die Mobile-Seite von Immowelt mit dem Smal Screen Renderer in Kombination mit dem User Agent Switcher

Aber man darf sich von all diesen Tools nicht blenden lassen: Sie können im Entwicklungsalltag eine sehr große Hilfe sein, aber das Testen auf echten Endgeräten ist unersetzlich.

User Agent Liste per XML erweitern

Der User Agent Switcher kommt mit einer Liste von User Agents gängiger Browser. Diese kann sehr einfach per XML erweitert werden. Dazu gibt es im Netz ein paar Quellen mit solchen XML-Files, manche auch speziell für mobile Endgeräte.

Ich hab mir mal die Mühe gemacht, ein paar dieser Listen zusammenzuführen und um einige aktuelle User Agents (z.B. Google Chrome, Google G1, Samsung X1) zu erweitern. Insgesamt wird die Liste dadurch etwas lang und vielleicht auch unhandlich. Jeder kann die XML-Datei mit dem Text-Editor seiner Wahl öffnen und nicht benötigte Zeilen einfach rausschmeißen.

useragentswitcher_all.xml (vollständig)

Dazu noch eine abgespeckte Version mit den meiner Meinung nach wichtigsten User Agents:

useragentswitcher_bestof.xml (Best of)

Importieren kann man diese XML-Files, indem man in Firefox am Ende der User Agent Liste Auf Optionen > Einstellungen klickt.

Das Einstellungen-Menü ist etwas versteckt...

Wer bin ich?

Seinen derzeitigen User Agent kann man übrigens z.B. hier abfragen.

Weitere Quellen

Vielen Dank an folgende Quellen für User Agent Strings im Web:

Tags: , , , , , ,

Technologien, Tools Kommentare:0 Apr 29th, 2009

Schreibe einen Kommentar