How to get iPad screen width in Javascript

Question

I need to dynamically get the screen size of all mobile devices from a webpage using Javascript.

I have tried this:

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

But on iPad I get this size: 980 x 1080 (not the real 768 x 1024).

Thanks

Mauro

here, see this answer: stackoverflow.com/q/6850164/1291428

Sebas
– Sebas

2012-05-27 21:56:18 +00:00
Commented May 27, 2012 at 21:56 — Sebas
– Sebas, Commented May 27, 2012 at 21:56
the window size != the resolution of the screen.

gdoron
– gdoron

2012-05-27 21:56:55 +00:00
Commented May 27, 2012 at 21:56 — gdoron
– gdoron, Commented May 27, 2012 at 21:56

Jacob T. Nielsen · Accepted Answer · 2014-09-10 09:09:31Z

5

Getting the screen dimensions on iPad requires reading the width and height properties of the screen object.

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

These will provide 768 and 1024 depending on orientation.

edited Sep 10, 2014 at 9:09

answered Apr 19, 2013 at 10:36

Jacob T. Nielsen

2,9786 gold badges28 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ankit Prajapati Over a year ago

screen.width and screen.height are returning incorrect values. Look at the observations below: - For iPad3 its returning 768 x 1024 where as its original resolution is 1536 x 2048. - For iPhone5 its returning 320 x 568 where as its original resolution is 640 x 1136. As per my observations, screen.width and screen.height are working perfectly fine for Android devices. But for iOS devices, its returning incorrect values. Any ideas for how to find Screen Resolution for iOS devices?

Josh Lyness Over a year ago

@AnkitPrajapati it returns the css resolution, which is the purpose of screen.width. You should always treat the device resolution as it's css resolution.

Josh Lyness Over a year ago

@AnkitPrajapati I know you've probably realised that by now anyway, but it's just in case anyone else has the same problem ;)

Collectives™ on Stack Overflow

How to get iPad screen width in Javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related