如何使用JavaScript检测屏幕DPI

Question

我发现到现在的唯一方法,是获得offsetWidth,的offsetHeight测试的div元素与height和width一英寸的: http://www.infobyip.com/detectmonitordpi.php

有没有办法通过JavaScript检测屏幕DPI？

谢谢,

Atara.

Answer 1

在webkit中,您可以通过从window.devicePixelRatio中检索值来检测您的用户是否具有所谓的"高dpi屏幕".

正常dpi屏幕将返回1. iPhone 4将返回2,但也可以使用1.8或2.12之类的数字.

Answer 2

<div id='testdiv' style='height: 1in; left: -100%; position: absolute; top: -100%; width: 1in;'></div>
<script type='text/javascript'>
    dpi_x = document.getElementById('testdiv').offsetWidth;
    dpi_y = document.getElementById('testdiv').offsetHeight;
</script>

然后你可以使用jQuery来发送dpi_x和dpi_y这对您的服务器

http://jsfiddle.net/sxfv3/