Hallo,

ich habe eine Frage zur Erfassung von Mobile Devices wie dem iPad, iPhone, Blackberry etc. Ich programmiere gerade eine Seite, wo der Hintergrund via CSS position:fixed deklariert ist. iOS5 unterstützt mittlerweile position:fixed, aber das alte iOS macht dies bsplw. nicht. Windows Phone 7 und Android soweit ich weiß auch nicht. Ich will jetzt einfach via Javascript und dem dem Befehl navigator.platform dem Hintergrund display:none verpassen um Probleme bei der Darstellung aus dem Weg zu gehen.. soweit mein Gedankengang Ich mache dies momentan wie folgt:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14

if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod' || navigator.platform == 'Android' || navigator.platform == 'BlackBerry') { $("#supersized ul").css("display", "none"); $("#supersized-loader").css("display", "none"); $('body').addClass('mobile'); }   else   {   JAVASCRIPTCODE   } etc.etc.

Gibt es eine einfachere Möglichkeit um Mobile Plattformen abzugreifen? Wie wird Windows7 Phone erfasst? Habe gegooglet aber nichts gefunden.. Wäre dankbar für Denkanstöße!

Hab vllt eine einfachere Lösung gefunden.. wenn jemand noch suchen sollte:

HTML-Code:

if(screen.width <= 699 || navigator.platform == 'iPad')