How to detect the screen DPI using JavaScript

php javascript dpi
Atara picture Atara · Feb 15, 2012 · Viewed 27.2k times · Source

The only way I found till now, is getting the offsetWidth, offsetHeight of a test div element with height and width of one inch: http://www.infobyip.com/detectmonitordpi.php

Is there a way to detect the screen DPI via JavaScript instead?

Thanks,

Atara.

Answer

laurens peeters picture laurens peeters · Feb 27, 2012

In webkit you can detect if your user has a so called "high dpi screen" by simply retrieving the value from:

window.devicePixelRatio

Normal dpi screens will return 1. The iPhone 4 will return 2, but numbers like 1.8 or 2.12 are also possible.

Related questions

How to call a JavaScript function from PHP?

How to call a JavaScript function from PHP? <?php jsfunction(); // or echo(jsfunction()); // or // Anything else? The following code is from xyz.html (on a button click) it calls a wait() in an external xyz.js. This wait() calls …

Read More
HTTP Content-Type Header and JSON

I have always been trying to avoid using most of the HTTP protocol's properties for the sake of fear of the unknown. However, I said to myself that I'm going to face fear today and start using headers purposefully. I …

Read More
How do I pass variables and data from PHP to JavaScript?

I have a variable in PHP, and I need its value in my JavaScript code. How can I get my variable from PHP to JavaScript? I have code that looks like this: <?php ... $val = $myService->getValue(); // Makes an …

Read More