Thomas Maetz

Seit Apple der Internetnutzung auf Smartphones 2007 mit der Markteinführung des iPhones zum Durchbruch verholfen hat, hat sich auf dem Endgerätemarkt sehr viel getan und immer mehr Menschen verwenden mobile Endgeräte zum Surfen. Neben dem iPhone gibt es mittlerweile Android, webOS und viele mehr, sodass sich die Entwicklung von Applikationen für jedes mobile Betriebssystem viel zu aufwändig wäre. Stattdessen macht es mehr Sinn, speziell auf mobile Geräte optimierte Versionen von Webseiten anzubieten, die die kleine Bildschirmgröße der Smartphones effektiv und sinnvoll nutzen.

Unter WordPress gibt es hierfür ein Plug-in, doch für andere Webseiten ist es sinnvoll, sich eine Testumgebung für mobile Webseiten einzurichten, die lokal, wie diese iPad-Browser-Simulation, läuft.

Google Chrome bzw. Chromium bietet sich dabei als Browser an, da er, wie viele mobile Browser (iPhone, Android und webOS), WebKit verwendet. Die portable Version von Google Chrome, die man hier herunterladen kann, erweist sich dabei als vorteilhaft, weil man sie schnell auf den aktuellsten Chromium Build aktualisieren kann und beim Testen nicht die lokale Installation verändert.

Nachdem man über die Updater.exe den aktuellsten Chromium Build installiert hat, öffnet man Chromium und installiert die Erweiterung: Window Resizer.

Diese skaliert das Browserfenster mit einem Klick auf die größe eines Touchscreens.

Um dem Webserver nun vorzutäuschen, dass es sich um ein Smartphone handelt, muss man den User-Agent anpassen. Dies kann man bei Chrome relativ leicht über einen Command Line Switch machen. Diesen trägt man entweder in der Verknüpfung zur Anwendung ein, startet über die Kommandozeile oder fügt ihn in der portablen Version einfach in der Datei parameter.txt hinzu.

Zum Testen hier die User-Agents von einiger verbreiteter Smartphones:

Apple iPad

Mozilla/5.0 (iPad; U; CPU iPhone OS 3_2 like Mac OS X; de-de) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B317 Safari/531.21.10

Apple iPhone

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; de-de) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7

Apple iPod Touch

Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_3 like Mac OS X; de-de) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16

Google Nexus One

Mozilla/5.0 (Linux; U; Android 2.2; de-de; Nexus One Build/FRF50) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

HTC Desire

Mozilla/5.0 (Linux; U; Android 2.1-update1; de-de; Desire_A8181 Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

HTC Hero

Mozilla/5.0 (Linux; U; Android 2.1-update1; de-de; HERO200 Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

Weitere User-Agents kann man bei DeviceAtlas oder in der Liste der User-Agents nachschauen. Standardmäßig lautet der User-Agent von Chromium (about:version) bzw. Minefield unter Windows:

Chromium 6.0.451.0

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/534.2 (KHTML, like Gecko) Chrome/6.0.451.0 Safari/534.2

Minefield 3.7a6pre

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.3a6pre) Gecko/20100628 Minefield/3.7a6pre

Um den User Agent vom Nexus One zu verwenden, fügt man zum Beispiel folgende Command Line Flag in der parameter.txt hinzu.

--user-agent="Mozilla/5.0 (Linux; U; Android 2.2; de-de; Nexus One Build/FRF50) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

Etwas ähnliches ließe sich unter Firefox wahrscheinlich mit den Add-ons User Agent Switcher und Firesizer auch einrichten. Dies habe ich allerdings noch nicht getestet.

Eine Testumgebung für mobile Webseiten einzurichten, macht nicht nur Sinn, wenn man Webseiten speziell auf mobile Geräte optimierten möchte. Sie hilft auch dabei einen Überblick darüber zu bekommen, welche Webseiten schon eine optimierte Version anbieten oder kann das Erstellen von Screenshots erheblich vereinfachen.

Links

• Google Chrome-Erweiterung: Window Resizer
• DeviceAtlas
• List of User-Agents (Spiders, Robots, Browser)
• Chrome has many command line switches
• Firefox Add-on: User Agent Switcher
• Firefox Add-on: Firesizer
• Caschys Blog: Neue Google Chrome Beta mit integriertem Flash-Plugin
• Portable Google Chrome: Download
• WordPress: WPtouch iPhone Theme
• iPad Peek
• usabilityblog.de: Das mobile Web aus Usabilitysicht

Mit dem “Plauderkasten” kann man in den VZ-Netzwerken mit seinen Kontakten dort chatten. Das ging theoretisch auch schon ziemlich lange und wäre für sich alleine auch keine so großartig neue Erfindung. Bisher fand ich den Kasten jedoch eher nur nervig und unbrauchbar. Bei VZnet hat man sich vor ein paar Monaten allerdings von Nimbuzz verabschiedet und angekündigt, dass man den “Plauderkasten” neu programmiert habe und dieser nun zuverlässiger laufen solle. Er sieht nun so aus:

Heute wurde die XMPP Chat Beta angekündigt und somit gibt es jetzt glücklicherweise endlich, wie auch bei Facebook, eine einfache Möglichkeit, sich nicht nur über das Webinterface oder mit viel Aufwand, sondern auch mit anderen Clients anzumelden.

Dabei geht man bei den meisten Clients wie folgt vor:

1. Einen neuen XMPP Account anlegen
2. Die Email-Adresse bei Benutzer eintragen und dabei das @ mit \40 ersetzen (z.B. max.mustermann\40example.com@vz.net)
3. jabber.vz.net (studiVZ & meinVZ) oder jabber.schuelervz.net als Server eintragen
4. Als Port 5222 oder 5223 (für Legacy-Clients wird Port 5223 mit SSL-Verschlüsselung angeboten) verwenden
5. Dein Passwort eingeben

Mit PSI, Empathy und Pidgin gibt es momentan allerdings wohl noch Probleme. So konnte ich mich bei einem kurzen Test zwar anmelden, jedoch noch keine Kontakte sehen.

Links

• developer.studivz.net: XMPP Chat Beta
• Frühjahrsputz: Wir haben unseren Plauderkasten entstaubt
• Wie das studiVZ zum Pidgin kam

Schon seit einiger Zeit kann man auf Facebook über den Chat Nachrichten in Echtzeit schreiben. Dabei wird im Browser, wie bei Chat-Clients üblich, eine Liste der angemeldeten Kontakte angezeigt. Das hat den Vorteil, dass man keine zusätzlicher Software installieren muss, aber auch den gravierenden Nachteil, dass es nicht möglich ist, sich mit anderen Clients anzumelden.

Diesem Problem hat sich schon vor einiger Zeit das Facebook Chat plugin for Pidgin Projekt angenommen. Das Plugin macht einen durchweg guten Eindruck und lässt sich ohne Probleme produktiv einsetzen.

Mittlerweile hat sich auch Facebook selbst (endlich) die Mühe gemacht, eine native Integration des Facebook Chats via Jabber/XMPP nachzuliefern, was heute im Facebook Blog verkündet wurde. Um diese zu nutzen geht man bei den meisten Clients wie folgt vor:

1. Einen neuen XMPP Account anlegen
2. Den Facebook Benutzernamen bei Benutzer eintragen
3. chat.facebook.com als Domain eintragen
4. Dein Passwort eingeben

Links

• Its Finally Here! XMPP for Facebook
• Facebook Chat Now Available Everywhere
• Using Facebook Chat via Jabber
• Facebook Chat plugin for Pidgin

Ich nutze schon seit Längerem die Webmail (Hotmail) Erweiterung für Thunderbird, um meine Emails dort abzufragen. Seit kurzer Zeit funktionierte es allerdings leider nicht mehr. Ich bekam eine Fehlermeldung.

Nachdem ich meine WordPress-Themes auf XHTML 1.1 umgestellt hatte, wurde die Freude durch ein Plug-in getrübt, das invaliden Code erzeugte; das Slimbox Wordpress Plugin.