使用纯Javascript获取设备的静态屏幕宽度

Question

我根据设备的物理宽度在网页上返回图像质量。该值应该是静态的。到目前为止，我所知道的最可靠的解决方案必须是screen.width属性。

但是，在我使用的当前Firefox中，screen.width的值不是静态的。当我切换到响应式设计视图（或ctrl + shift + m），然后查询screen.width时，该值对应于当前视口宽度，而不是实际物理宽度。

当我切换到响应式设计视图并重新加载页面时，我注意到了这一点，所有图像都模糊不清，质量非常差。

那么，有什么方法可以使用纯Javascript获取设备的静态或真实物理屏幕宽度？也许是一个小型图书馆？

Answer 1

screen.availWidth和screen.availHeight将为您提供实际可用的宽度和高度