iPhone-User simulieren im Browser

Heutzutage bieten schon einige Websites spezielle Layouts für mobile Geräte an. Dabei ist natürlich auch das iPhone nicht unwichtig. Für einige System, z.B. WordPress, gibt es Erweiterungen, die eine Ansicht für iPhone-Benutzer generieren.

Bei meinen Tests habe ich herausgefunden, dass die Darstellung oft vor allem vom User-Agent abhängt. Das ist im Grunde eine Info, die Browser und weitere Programme dem Server mitsenden.

Für die Entwicklung und das erste Testen kann man bei vielen Browsern den User-Agent ändern. In Safari muss man das Entwickler-Menü einblenden und den gewünschten “Browser-Typ” wählen, in Firefox kann man über Eingabe about:config die Einstellung general.extra.useragent.firefox um “iPhone” erweitern (ohne Anführungszeichen). Dabei ist i.A. auf Groß-/Kleinschreibung zu achten, d.h. “IPHONE” funktioniert nicht überall.

Für viele Websites reicht das schon, um auf die iPhone-Darstellung zu wechseln. Das Testen in einer richtigen Testumgebung oder gleich im iPhone erspart man sich dadurch noch nicht.

Übrigens verwende ich hier das WordPress-Plugin WPtouch iPhone Theme, die mobile Fassung von www.bekomedia.com ist derzeit in Arbeit bzw. wird überarbeitet und erweitert.

WordPress Touch

Ich habe die (wenige) Zeit zwischen Essen, Gottesdiensten und anderen Veranstaltungen genutzt, um weitere WordPress-Plugins zu testen und zu installieren und die Sidebar anzupassen. Mit Hilfe der Erweiterung WPtouch hat man nun iPhone-fähiges Layout. Bei geräten wie iPhone, iPod touch und einige andere Geräte wird nun standardmäßig das für kleinere Anzeigen optimierte Theme dargestellt. Man kann aber bei Bedarf auf das “normale” Design umschalten. Das Plugin könnte durchaus im Administrationsbereich mehr Einstellungen bieten, aber fürs erste reicht mir das. Vielleicht baue ich bei Gelegenheiten noch Übersetzungen und andere kleinere Änderungen ein.

Auf den Artikel-Detailseiten werden nun i.A. Links zu ähnlichen Artikeln angezeigt. Außerdem hat man jetzt die Möglichkeit, Artikel zu bewerten.

In der Sidebar ist das Flash-Twitter-Widget ersetzt durch eine “gecachete” HTML-Liste. Damit sieht man nun die letzten Tweets auch, wenn Flash deaktiviert ist. Als “Flash-Ersatz” ist eine zweite “Tag- bzw. Kategorien-Wolke” hinzugekommen: WP-Cumulus. Ansonsten habe ich ein klein wenig aufgeräumt.

Weitere WordPress-Plugins, die neu hinzugekommen sind oder die ich schon länger einsetze, stehen auf der Bekowiki-Seite WordPress-Plugins.