Detecting the system DPI/PPI from JS/CSS?

by 
<div id='testdiv' style="height: 1in; left: -100%; position: absolute; top: -100%; width: 1in;"></div>
<script type="text/javascript">
  var devicePixelRatio = window.devicePixelRatio || 1;
  dpi_x = document.getElementById('testdiv').offsetWidth * devicePixelRatio;
  dpi_y = document.getElementById('testdiv').offsetHeight * devicePixelRatio;
  
  console.log(dpi_x, dpi_y);
</script>

grabbed from here http://www.infobyip.com/detectmonitordpi.php. Works on mobile devices! (android 4.2.2 tested)

More Related Contents:

  1. :touch CSS pseudo-class or something similar?
  2. screen styling when virtual keyboard is active
  3. iphone/ipad triggering unexpected resize events
  4. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  5. How to hide css and js version details from weppalyzer in PHP
  6. How to make page loaders/animations/transitions
  7. How do you add CSS with Javascript?
  8. toggle show/hide div with button?
  9. Textarea Auto height [duplicate]
  10. onClick not working on mobile (touch)
  11. How can I remove a style added with .css() function?
  12. Bootstrap close responsive menu “on click”
  13. Positioning element at center of screen
  14. Using jQuery how to get click coordinates on the target element
  15. How do I achieve equal height divs (positioned side by side) with HTML / CSS ?
  16. Why pass parameters to CSS and JavaScript link files like src=”../cnt.js?ver=4.0″?
  17. How do I resize a Google Map with JavaScript after it has loaded?
  18. Is it possible to dynamically scale text size based on browser width?
  19. How to build simple tabs with jQuery?
  20. Blur Img’s & Div’s in HTML using CSS
  21. Wrapping Text in D3
  22. Google Maps API v3: InfoWindow not sizing correctly
  23. Add CSS to with JavaScript?
  24. How to get border width in jQuery/javascript
  25. Include CSS,javascript file in Yii Framework
  26. How to do page numbering in header/footer htmls with wkhtmltopdf?
  27. Scroll Position of div with “overflow: auto”
  28. Reading non-inline CSS style info from Javascript
  29. Clean way to programmatically use CSS transitions from JS?
  30. Jquery/Javascript Opacity animation with scroll

Leave a Comment