Détecter la résolution d'écran de l'Iphone 4

Bonjour

Pour une question de compatibilité (je suppose), les nouveaux Iphone et Ipod ayant une résolution de 960*640 retourne avec Javascript (sous safari mobile) une résolution de 480*320.

C'est vérifiable à cette adresse : infobrowser.azerti.net

J'utilise les variables Javascript screen.width et screen.height pour charger un fond d'écran adapté à la résolution de mon visiteur et ainsi lui épargner de chargement de l'image en HD.

Safari mobile est détectable via le browser_name_pattern mais pas la version matériel de l'appareil.

Quelqu'un aurait-il la solution ?
Modifié par gaboul49 (24 Jan 2011 - 09:21)

Tout est très bien expliqué ici !
C'est en anglais mais il me semble que c'est assez explicite...

http://www.bdoran.co.uk/2010/07/19/detecting-the-iphone4-and-resolution-with-javascript-or-php/

Conclusion : Pour avoir les vrais dimensions en pixels de l'écran de l'iPhone 4, il faut faire .

Var largeur = screen.width*window.devicePixelRatio;

J'ai ajouté à titre indicatif quelques valeurs retournées par le navigateur Safari Mobile sur Iphone 4 / Ipod Touch 4G sur la page infobrowser.azerti.net
Modifié par gaboul49 (24 Jan 2011 - 09:21)