iPad 3 écran avec JavaScript

Question

Qu'est-ce que JavaScript ne tire avec:

screen.width 

et

screen.height 

sur l'iPad 3? Est-il:

1024x768 

Existe-t-il une largeur/hauteur de 2048x1536?

Answer 1

1024x768 de sorte que le dimensionnement soit cohérent entre les périphériques.

Answer 2

La résolution de l'iPad 3 est de 2048 × 1536 pixels, soit exactement deux fois la résolution actuelle de l'iPad.

C'est l'agent utilisateur des iPads:

iPad:

Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F190 Safari/6533.18.5 

iPad2:

Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F191 Safari/6533.18.5 

iPad3: ??

Il y a une façon que vous pouvez détecter si l'utilisateur utilisent un dispositif iPad:

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null; 

// For use within iPad developer UIWebView 
// Thanks to Andrew Hedges! 
var ua = navigator.userAgent; 
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua); 

Mais, je pense que la bonne approche est de créer une interface basée sur la résolution de l'utilisateur et non le dispositif utilisateur. Vous pouvez en savoir plus sur Responsive Web Design, vos visiteurs doivent aimer :)

Bonus Il est un outil que vous pouvez vous tester la conception « sensibles » dans toutes les résolutions en même temps: http://mattkersley.com/responsive/