安卓浏览器:获取缩放比例因子

3

在Android浏览器上,是否有可能通过JavaScript获取当前的缩放比例?

1个回答

3
Android浏览器和WebView支持一种DOM属性,允许您查询当前设备的密度——window.devicePixelRatio DOM属性。该属性的值指定用于当前设备的缩放因子。例如,如果window.devicePixelRatio的值为“1.0”,则认为该设备是中密度设备,并且默认情况下不应用缩放;如果值为“1.5”,则认为该设备是高密度设备,并且页面默认会进行1.5倍缩放;如果值为“0.75”,则认为该设备是低密度设备,并且页面默认会进行0.75倍缩放。当然,Android浏览器和WebView应用的缩放基于Web页面的目标密度——如有关定义视口目标密度的部分所述,默认目标是中等密度,但您可以更改目标以影响您的Web页面针对不同屏幕密度的缩放方式。

例如,以下是使用JavaScript查询设备密度的方法:

if (window.devicePixelRatio == 1.5) {
    alert("This is a high-density screen");
} else if (window.devicePixelRatio == 0.75) {
   alert("This is a low-density screen");
}

欲了解更多信息,请查看Web应用程序的屏幕定位


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接