Единственный способ, который я нашел до сих пор, - получить offsetWidth, offsetHeight тестового элемента div с height и width одного дюйма:
http://www.infobyip.com/detectmonitordpi.php
Есть ли способ обнаружить экран DPI через JavaScript вместо этого?
Спасибо,
Атар.
<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 этого на ваш сервер
В webkit вы можете определить, имеет ли ваш пользователь так называемый "экран с высоким разрешением", просто извлекая значение из window.devicePixelRatio.
Экран с обычным разрешением будет возвращать 1. IPhone 4 вернет 2, но также возможны числа, такие как 1,8 или 2.12.
До сих пор не было стандартного и поддерживаемого решения.
window.devicePixelRatio, как было предложено laurens peeters, работает, если вам неинтересно IE или какой-либо браузер с древних времен, например, в начале января 2013 года (например, Firefox 17).
См. Кросс-браузерные сетчатые/мультимедийные запросы высокого разрешения (и различные комментарии и ссылки там) о том, как получить эту информацию на конец 2012 года, но вам придется продолжать поиск снова и настраивать свой код каждый раз, пока что-то окончательно не станет стандартизированным и не будет реализовано в каждом браузере с широко распространенным принятием версии, что вы можете перестать заботиться о более старых версиях...