ipad 3 Bildschirm mit JavaScript

Question

Was JavaScript mit nicht herausziehen:

screen.width 

und

screen.height 

auf dem ipad 3? Ist es:

1024x768 

Gibt es eine 2048x1536 Breite/Höhe?

Answer 1

1024x768, so dass die Dimensionierung für alle Geräte einheitlich ist.

Answer 2

Die Auflösung des iPad 3 beträgt 2048 × 1536 Pixel - genau das Doppelte der aktuellen iPad-Auflösung.

Das ist der User-Agent des iPads ist:

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: ??

Es gibt eine Möglichkeit, dass Sie erkennen können, ob der Benutzer verwenden ein iPad-Gerät:

// 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); 

Aber ich denke, der richtige Ansatz ist es, eine Schnittstelle auf der Benutzer Auflösung erstellen basiert und nicht das Benutzergerät. Sie können mehr über Responsive Web Design lesen, sollten Sie Ihre Besucher lieben :)

Bonus Es ist ein Werkzeug, das Sie Sie „responsive“ Design in allen Auflösungen gleichzeitig testen können: http://mattkersley.com/responsive/