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

Get The Static Screen Width of A Device Using Pure Javascript

我根据设备的物理宽度在我的网页上返回图像质量。这个值应该是静态的。目前我知道的最靠谱的方案一定是screen.width 属性.

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

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

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

screen.availWidthscreen.availHeight 会给你实际可用的宽度和高度