Kategorie: Software- & Webentwicklung

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.

WordPress-Update auf 2.8.5

Irgendwann wurde es mir zu viel Aufwand, jedes (kleinere) WordPress-Update auf den Server zu spielen, dafür gab es einfach zu viele ändern und der Update-Prozess dafür zu aufwendig. Nun wurde es aber mal wieder Zeit. Seit heute Abend basiert der Code wieder auf der neuesten Version (2.8.5). Der Administrationsbereich sieht besser aus (und fühlt sich auch besser an 😉 ) und es sind einige nützliche Funktionen für den Blog-Schreiber hinzugekommen. Nun kann ich auch testen, wie gut das Schreiben per iPhone funktioniert.

Weil die Vorlage noch dieselbe geblieben ist, hat sich am Design des Blogs nur Details geändert. Allerdings hat das Template so langsam auch ein „Update“ nötig. Ein paar interessante Ideen habe ich schon.

Heute Abend werde Widgets und ggf. Einstellungen anpassen. Insgesamt verlief das Update von der Version 2.3 mit weniger Problemen als ich dachte.

Suche für chrischona-wetter.de

Damals habe ich auf eine Suche für www.chrischona-wetter.de verzichtet. Dies lag u.a. daran, dass Typo3 relativ hohe Systemanforderungen stellt. Deshalb musste ich auch auf ein Alternativ-News-Plugin umsteigen. Mittlerweile umfasst der Auftritt aber ca. 100 Seiten. Auch der Webhosting-Provider rüstet von Zeit zu Zeit auf. Deshalb habe ich diese Woche nochmal an der Integration der Suche probiert. Anfangs gab es etwas Probleme mit der Seitenindizierung. Wie ich später heraus gefunden habe lag dies an dem aktivierten Frontend-Editing, dass dazu geführt hat, dass die Seiten nicht im Cache landen, wenn man im Backend angemeldet ist. Zum Testn hilft hier einfach ein zweiter Browser (wenn denen hat man ja sowieso genug 😉 ).

Nun findet man auf chrischona-wetter.de oben rechts neben dem Titelbild eine Suchbox, inkl. Auto-Suggest. Einzig die deutschen Umlaute machen noch etwas Probleme bei der Word-Indizierung.

Bei Gelegenheit werde ich auch andere Teile der Website überarbeiten. Ein paar Ideen für eine neue Startseite habe ich z.B. schon.

TYPO3 4.x vs Firefox

Durch eine Inkompatibilität einer früheren TYPO3 4.2-Version (ich glaube z.B. 4.2.6) wurden in Firefox ab Version 3 falsche Links erzeugt. Erst ein Typo3-Update hat diesen Fehler beheben können.

Nun hatte ich wieder Probleme mit Firefox und TYPO3: Ich habe die neuen TYPO3-Updates 4.2.10 bzw. 4.1.13 auf einem Testsystem installiert. Mit IE und Safari konnte ich keine Fehler nach einem kurzen Testen feststellen. Im Firefox jedoch wurde der Frame mit dem Seitenbaum im Backend nicht geladen. Das ganze habe ich mit verschiedenen Firefox-Versionen getestet, konnte also eigentlich nicht an meinen Browser-Addons liegen: 2.0.0.14, 3.0.x und 3.5.3 – immer das gleiche Problem.

Google war mir zunächst noch keine Große Hilfe, konnte also kein allgemein auftretender Fehler sein. Glücklicherweise gibt es dafür einen Patch:

http://bugs.typo3.org/view.php?id=12324

Nachdem man per Hand die Codezeile wie oben angegeben geändert hat funktioniert auch wieder das Typo3-Backend im Firefox. Grund für diesen Fehler war bei mir ein – (Minus/Bindestrich) im Ordnername. In der ebenfalls neuen Version TYPO3 4.1.13 besteht das Problem ebenfalls, auch hier hilft der Patch / die Code-Änderung.

Schade, dass Probleme in TYPO3 mit Firefox in letzter Zeit nicht gerade Einzelfälle sind.