javascript - 如何获得屏幕的物理尺寸(即英寸)？

Question

我正在尝试弄清楚如何通过 Javascript 获取设备屏幕的物理尺寸。到目前为止，我的结论是目前不可能，但我希望有人能证明我是错的:)。

到目前为止，我已经尝试通过查找设备的 DPI 来获取此信息，但似乎无法在此处获取正确的值，因为我测试过的所有设备(一些 HDPI 和 XHDPI Android 设备、iPhone4S、 iPad 2 和 iPad 3) 报告 96DPI。

我尝试的第一种获取DPI的方法是网上随处可见的方法:创建一个CSS宽度为1in的div，获取它的clientWidth 或 offsetWidth 以及您的 DPI。不起作用，所有设备都报告 96。

第二种方法是使用 resolution media query , 类似以下内容:

for (var i=90; i < 400; i++) {
    if (matchMedia('(resolution: ' + i + 'dpi)').matches) {
       return i;
    }
}

我认为这是一个聪明的解决方案，但不幸的是，它也返回了 96。

还有什么我可以尝试的吗？

Answer 1

96 “DPI”是一种与现实关系不大的网络标准。它测量的英寸最好被认为是“逻辑”英寸，对应于字体规范和 CSS 测量(可以包括点和英寸)。排版中的“点”被定义为 1/72 英寸，但屏幕在很久以前就不再是 72 DPI。因此，所有 CSS 点现在真正意味着 96 点字体是 72 像素高。 (这是合乎逻辑的像素，因为这个问题现在被高 DPI 屏幕进一步混淆了。)

无论如何，大多数 native 操作系统对其真实的物理屏幕尺寸一无所知，因此它们甚至不具备可以通过浏览器向 Web 应用程序公开的相关信息。你问的是不可能的。