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

Question

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

＆＃13;

＆＃13;

alert(window.innerWidth);

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

window.innerWidth返回当前窗口宽度（如预期的那样）。当您调整窗口大小时，它会动态更改。如果值仍然存在，则表示宽度未更改，或者分辨率相同。给定小值（441），我假设窗口没有最大化，所以当你将它移动到另一个屏幕时，值实际上是相同的。

有关详细信息，请参阅文档：innerWidth

Answer 2

警报仅显示首先选择的设备宽度的内部宽度。要始终显示的宽度，您必须将事件监听器调整大小添加到窗口：

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

window.addEventListener("resize", showInnerWidth);

请勿使用提示，因为它会在您调整窗口大小时始终发出警报。