javascript - 窗口和屏幕尺寸发生变化

Question

如果窗口和屏幕尺寸发生变化，我是否可以监听 JavaScript 事件？我知道明显的 resize 事件，但有趣的是，我的窗口和屏幕尺寸在没有触发此事件的情况下发生了变化。

我的设置非常奇特 - 我有两个外部显示器，一个处于正常缩放级别，另一个处于 200% 缩放级别。似乎在加载网页的过程中，窗口/屏幕尺寸(例如 window.innerWidth、window.innerHeight、screen.width >，等等等等...)正在改变。

请注意，我使用的浏览器是 IE11。

Answer 1

您可以尝试使用 setInterval 循环监听尺寸变化

类似这样的事情:

"use strict";

let width = screen.width;
let height = screen.height;

function checkDimension(callback) {
    if (width !== screen.width || height !== screen.height) {
        console.log('Dimension was changed!');
    }
}

setInterval(checkDimension, 1000);