您可以使用 JavaScript 检测 -moz-device-pixel-ratio 和 -o-device-pixel-ratio 的当前值吗？

Question

WebKit 引入了 -webkit-device-pixel-ratio 媒体功能和 window.devicePixelRatio JavaScript 属性，以允许网络作者检测他们的页面是否在具有视网膜显示屏的 iPhone 上呈现：

• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3
• http://www.robertprice.co.uk/robblog/archive/2011/5/Detecting_Retina_Displays_From_JavaScript_And_CSS.shtml

Mozilla 和 Opera 引入了等效的媒体功能，-moz-device-pixel-ratio 和 -o-device-pixel-ratio。但是，他们似乎没有引入 JavaScript 属性来配合他们。

有什么方法可以通过 Firefox 和 Opera 中的 JavaScript 检测设备像素比？

Answer 1

您可以使用 https://developer.mozilla.org/en/DOM/window.matchMedia 测试来自 JS 的媒体功能