Forum: NOF - Tutorials (185 anschauliche Tutorials zum Lesen und Nacharbeiten) > Websites für mobile Geräte

Mobile Geräte nach Browsertyp umleiten

(1/1)

Dada:
Im Tutorial zur mobilen Seite hat nettesekel euch ein Script vorgestellt, das den Besucher anhand der Auflösung auf die mobile Seite umleitet.
Man kann dies aber auch anhand des Browsertyps tun und dies geht so.

Ladet euch von http://detectmobilebrowser.com/
das jquery-Script runter und speichert es als .js.
Ich habe es hier mal einfach mobi.js genannt.
Dieses ladet ihr mit einem FTP-Clienten auf euren Webspace.

In den Headtag eurer Seite kommt dann Folgendes.

Erstmal müsst ihr das jQuery-Framework einbinden:

--- Code: HTML5 ---<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
Dann das Script, was ihr heruntergeladen habt und mittlerweile auf eurem Webspace ist.

--- Code: HTML5 ---<script type="text/javascript" src="mobi.js"></script>Die relativen Pfade und den Dateinamen müsst ihr natürlich anpassen.

Nun kommt noch folgendes Script dazu.

--- Code: Javascript ---<script type="text/javascript">$(document).ready(function(){var isMobile = jQuery.browser.mobile;if(isMobile){{checkmobile = confirm("Wir bieten eine mobile Version unserer Website an. Möchten Sie diese nun aufrufen?");    if (checkmobile == true) {       document.location = "http://www.example.com";        }}}});</script>
Hier müsst ihr noch die Internetadresse anpassen.

Das war es schon.

Navigation

[0] Themen-Index