2012-05-27 18 views
8

Necesito obtener dinámicamente el tamaño de pantalla de todos los dispositivos móviles desde una página web usando Javascript.Cómo obtener el ancho de la pantalla del iPad en Javascript

He intentado esto:

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

Pero en IPAD puedo conseguir este tamaño: 980 x 1080 (no el verdadero 768 x 1024).

Gracias

Mauro

+2

aquí, vea esta respuesta: http://stackoverflow.com/q/6850164/1291428 – Sebas

+4

el tamaño de la ventana **! = ** la resolución de la pantalla. – gdoron

+0

¿Intentó un objeto de pantalla? – Zaffy

Respuesta

4

Obtención de los dimensiones de la pantalla en IPAD requiere la lectura de las propiedades de ancho y altura del objeto de pantalla.

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

Proporcionarán 768 y 1024 dependiendo de la orientación.

+1

screen.width y screen.height devuelven valores incorrectos. mirada a las observaciones siguientes: - Para iPad3 su regreso 768 x 1024 donde como su resolución original es 1536 x 2048. - Para iPhone5 su regreso 320 x 568 donde, como su resolución original es 640 x 1136. Según mis observaciones, screen.width y screen.height funcionan perfectamente para dispositivos Android. Pero para dispositivos iOS, devuelve valores incorrectos. ¿Alguna idea sobre cómo encontrar la resolución de pantalla para dispositivos iOS? –

+0

@AnkitPrajapati devuelve la resolución CSS, que es el propósito de screen.width. Siempre debe tratar la resolución del dispositivo ya que es una resolución CSS. –

+0

@JoshLyness: Gracias por la aclaración. :) –

Cuestiones relacionadas