Get The Static Screen Width of A Device Using Pure Javascript

Question

I am returning image quality on my webpage based on the physical width of a device. This value should be static. The most reliable solution I know so far must be screen.width property.

However, in the current Firefox I am using, the value of screen.width is not static. When I switched to responsive design view (or ctrl + shift + m), then querying screen.width, the value corresponded to current viewport width, not the real physical width.

I noticed this when switching to the responsive design view, and reload the page, all images were blurred, having very bad quality.

So, is there some way I can get the static or real physical screen width of a device using pure Javascript? Maybe a tiny library?

Akshay G · Accepted Answer · 2016-03-13 10:28:23Z

2

screen.availWidth and screen.availHeight will give you the actual available width and height

edited Mar 13, 2016 at 10:28

answered Mar 13, 2016 at 7:40

Akshay G

2,3601 gold badge19 silver badges35 bronze badges

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

Collectives™ on Stack Overflow

Get The Static Screen Width of A Device Using Pure Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related