window.innerWidth在不同的显示器上返回相同的值

Question

我有一个通过VGA接口连接到运行Windows的笔记本电脑的小型显示器。 两者的显示相同。 我现在正在运行一小段JavaScript，以确定笔记本电脑中较小屏幕的宽度-

 alert(window.innerWidth); 

两个屏幕都显示相同的441宽度。 有没有办法编写代码/更改配置，使每个显示的宽度显示在警报框中？

Answer 1

window.innerWidth返回当前的窗口宽度（按预期）。 调整窗口大小时，它会动态变化。 如果该值仍然存在，则表示宽度未更改，或者分辨率相同。 给定较小的值（441），我认为该窗口未最大化，因此，当您将其移动到另一个屏幕时，该值实际上是相同的。

有关更多信息，请参见文档： innerWidth

Answer 2

警报仅显示第一个选择的设备宽度的innerWidth。 要始终显示宽度，必须将事件侦听器调整大小添加到窗口 ：

function showInnerWidth() {
    console.log(window.innerWidth);
}

window.addEventListener("resize", showInnerWidth);

不要使用alert ，因为那样的话，它将在您调整窗口大小时一直发出警报。