javascript - 使用 javascript 检测视网膜显示屏 iPad

Question

我在仅使用 screen.availWidth 和 window.devicePixelRatio 检测视网膜 iPad(和类似设备)时遇到问题。问题是 iPhone 和 iPad 给出了 screen.availWidth 的下降次数，而 android 设备似乎报告了物理像素的数量，所以我不能可靠地执行 screen.availWidth/window。 devicePixelRatio 计算屏幕是否为平板电脑大小。

是否有其他一些 DOM 属性可以帮助我？

编辑 - 以一种有希望明确问题不是重复的方式进行总结

我如何判断 screen.availWidth 报告的值是否已经过调整以考虑 window.devicePixelRatio

Answer 1

应该有帮助

var retina = (window.retina || window.devicePixelRatio > 1);

更新

Retina.isRetina = function(){
    var mediaQuery = "(-webkit-min-device-pixel-ratio: 1.5),\
                      (min--moz-device-pixel-ratio: 1.5),\
                      (-o-min-device-pixel-ratio: 3/2),\
                      (min-resolution: 1.5dppx)";

    if (root.devicePixelRatio > 1)
      return true;

    if (root.matchMedia && root.matchMedia(mediaQuery).matches)
      return true;

    return false;
};