Mobile-Besucher erkennen

Hallo,

wie kann man am besten Mobile-Besucher einer Webseite erkennen und diese dann auf ein spezielles Mobile-Angebot (Design, Subdomain oder .mobi) umleiten?
Könnt ihr mir da Tipps bzw. Weblinks geben, damit ich mich da etwas besser einlesen kann?

Gruss und danke

Mit Javascript:


<script language="Javascript">
<!--

if (navigator.userAgent.indexOf('iPhone') != -1) {
document.location = "iphone/index.html";

}

if (screen.width <= 481) {
document.location = "index.htm";

}

//-->
</script>

Das Suchwort 'user agent header' bringt dich hier weiter

Falls du einen eigenen Webserver hast, kannst du auch Apache veranlassen, umzuleiten:

RewriteCond %{HTTP_USER_AGENT} .*iPhone.*
RewriteRule ^topics/index\.html$ iphone/index.html

am besten für Mobile Besucher eine eigene Subdomain erstellen: mobile.deinedomain.com

mein windows handy schickt "Smartphone" im user agent mit, sieht dann so aus:

Mozilla/4.0 (compatible; MSIE 4.01; Windows CE; Smartphone; 176x220)

Ich frage serverseitig den HTTP_ACCEPT Protokoll Wert ab, um die Nutzer entsprechend auf die normalen HTML Seiten respektive WAP 1.0 (WML :-) respektive WAP 2.0 (XHTML mobile) Seiten zu schicken. WAP 1.0 werde ich irgendwann aber mal streichen -

Vorteil: ich mühe mich nicht mit Listen bzgl. USER AGENTS ab und gehe auch nicht nach der Screen-Größe (d.h. nutze nicht Javascript).