Praktische Beispiele: Umleitung auf mobile Webseiten
Update: 09.01.2015 - Aktualisierung der UserAgent-Erkennung
Eine Möglichkeit der Unterscheidung, ob die mobile oder die herkömmliche Version einer Webseite ausgeliefert wird,
basiert – wie bereits beschrieben - auf der Auswertung des User-Agents des Browsers.
Die folgenden praktischen Beispiele sollen dies verdeutlichen. Sie können die Beispiele für Ihre Webseiten verwenden und
individuell anpassen.
Umleitungen auf mobile Webseiten mittels PHP
Die beigefügte PHP-Klasse zur Umleitung auf mobile Webseiten erfüllt folgende Anforderungen:
- Umleitung zu einer Domain, z.B. http://m.meine-seiten.de
- Umleitung zu einer Domain, z.B. http://www.meine-seiten.mobi
- Umleitung in ein spezielles Unterverzeichnis, z.B. http://www.meine-seiten.de/m/
Anwendungsbeispiel: siehe index.php in beigefügter Klasse
Alternative:
Wenn die Unterscheidung innerhalb der gleichen Webseite erfolgen soll, z.B. nur Verwendung einer unterschiedlichen
DOCTYPE-Definition oder unterschiedlicher Stylesheets, so ist dies ebenfalls möglich (siehe index2.php).
Zusatz:
Bei Verwendung des GET-Parameters noMobile, z.B. http://www.meine-seiten?noMobile=true wird kein Redirect ausgeführt.
Dies ist nützlich, wenn man sich z.B. auf der mobilen Version einer Webseite befindet und einen alternativen Link
zu der herkömmlichen Version einer Webseite anbieten will.
PHP-Klasse zur Umleitung auf mobile Webseiten
Umleitungen auf mobile Webseiten mittels ASP
Die beigefügte ASP-Klasse zur Umleitung auf mobile Webseiten enthält die gleiche Programmlogik, wie die PHP-Variante. Erläuterungen, siehe ebenfalls PHP-Variante.
ASP-Klasse zur Umleitung auf mobile Webseiten
Umleitungen auf mobile Webseiten mittels .htaccess
Die beigefügten .htaccess-Dateien zur Umleitung auf mobile Webseiten erfüllen folgende Anforderungen:
- Umleitung zu einer Domain, z.B. http://m.meine-seiten.de
- Umleitung zu einer Domain, z.B. http://www.meine-seiten.mobi
- Umleitung in ein spezielles Unterverzeichnis, z.B. http://www.meine-seiten.de/m/
Wählen Sie Ihre bevorzugte Variante aus und benennen die betreffende Datei zu .htaccess um, bzw. kopieren Sie die Code-Sequenzen in Ihre vorhandene Datei.
Wenn Sie die Umleitung ebenfalls mit einem zusätzlichen Parameter bypassen wollen, dann finden Sie hier die entsprechende Anleitung.
.htaccess-Dateien zur Umleitung auf mobile Webseiten
Fazit
Die Umleitung einer Webseite auf Basis des User-Agents ist EINE Möglichkeit. Allerdings gibt es mittlerweile eine Vielzahl verschiedener User-Agents, die auf diese Art kaum noch sicher beherrschbar sind. Ich denke, der Trend geht eindeutig zu responsive WebDesign.