Get native screen resolution using jQuery

Question

I'd like to get the native screen width on a device to append scripts in the DOM. Is it possible using jQuery ?

Thanks

score 11 · Accepted Answer · answered Dec 23 '12 at 11:11

11

answered Dec 23 '12 at 11:11

Christian

Thanks, that's what I was looking for :) – thomas-hiron Dec 23 '12 at 11:21
TypeError: window.screen is undefined in Firefox 20 and 21. – rebellion Jun 12 '13 at 09:28
@rebellion Which OS? window.screen works for me on Firefox 21 on OSX: http://i.imgur.com/anwTtVM.png – Christian Jun 12 '13 at 16:06

score 6 · Answer 2 · answered Dec 23 '12 at 11:15

6

Sure. You can get the basic width and height using:

screen.width;
screen.height;

If required, you can also get the pixel ratio (useful if you need to also detect retina displays) by using:

window.devicePixelRatio

answered Dec 23 '12 at 11:15

BenM

score 1 · Answer 3 · answered Dec 23 '12 at 11:13

1

You can set the width to device width with a css property:

width: device-width;

answered Dec 23 '12 at 11:13

asgoth

score 1 · Answer 4 · answered Dec 23 '12 at 11:18

1

You should use:

window.screen.availHeight
window.screen.availWidth

answered Dec 23 '12 at 11:18

ATOzTOA

4 Answers4