Modernizr test for retina / high resolution / high pixel density.

modernizr-retina-test.js

/**
 * Modernizr test for retina / high resolution / high pixel density
 *
 * @author Joao Cunha
 * @license MIT
 */

Modernizr.addTest('hires', function() {
    // starts with default value for modern browsers
    var dpr = window.devicePixelRatio ||

    // fallback for IE
        (window.screen.deviceXDPI / window.screen.logicalXDPI) ||

    // default value
        1;

    return !!(dpr > 1);
});

Side note: the test takes ~0.35ms to run on my device.

Great idea – thanks! 😄

Just a curiosity – Why do you use return !!(dpr > 1); instead of just return dpr > 1;? Are there any benefits?

I'm also curious as to you use return !!(dpr > 1) instead of just return dpr > 1...