2012-05-27 20 views
8

Ich muss dynamisch die Bildschirmgröße aller mobilen Geräte von einer Webseite mit Javascript erhalten.Wie bekomme ich iPad Bildschirmbreite in Javascript

Ich habe dies versucht:

//get window's size 
if (document.body && document.body.offsetWidth) { 
windowsWidth = document.body.offsetWidth; 
windowsHeight = document.body.offsetHeight; 
} 
if (document.compatMode=='CSS1Compat' && 
    document.documentElement && 
    document.documentElement.offsetWidth) { 
windowsWidth = document.documentElement.offsetWidth; 
windowsHeight = document.documentElement.offsetHeight; 
} 
if (window.innerWidth && window.innerHeight) { 
windowsWidth = window.innerWidth; 
windowsHeight = window.innerHeight; 
} 

Aber auf dem iPad bekomme ich diese Größe: 980 x 1080 (nicht die realen 768 x 1024).

Dank

Mauro

+2

Hier finden Sie diese Antwort: http://StackOverflow.com/Q/6850164/1291428 – Sebas

+4

die Fenstergröße **! = ** die Auflösung des Bildschirms. – gdoron

+0

haben Sie versucht, Bildschirmobjekt? – Zaffy

Antwort

4

auf dem iPad die Bildschirmabmessungen bekommen erfordert die Breite und Höhe Eigenschaften des Objekts Bildschirm zu lesen.

var height = screen.height; 
var width = screen.width; 

Diese liefern abhängig von der Ausrichtung 768 und 1024.

+1

screen.width und screen.height geben falsche Werte zurück. Schauen Sie sich die Beobachtungen unter: - für iPad3 seine 768 x 1024 zurückkehrt, wo seine ursprüngliche Auflösung von 1536 x 2048. - Für iPhone5 seiner Rückkehr 320 x 568, wo seine ursprüngliche Auflösung von 640 x 1136 Per Meine Beobachtungen, screen.width und screen.height funktionieren perfekt für Android-Geräte. Bei iOS-Geräten werden jedoch falsche Werte zurückgegeben. Haben Sie Ideen, wie Sie die Bildschirmauflösung für iOS-Geräte finden können? –

+0

@AnkitPrajapati gibt es die CSS-Auflösung, die der Zweck der screen.width ist. Sie sollten die Geräteauflösung immer mit der CSS-Auflösung behandeln. –

+0

@JoshLyness: Danke für die Klarstellung. :) –

Verwandte Themen