js 时刻获取当前窗口大小

let width = window.innerWidth;
let height = window.innerHeight;
console.log(`Window size: ${width} x ${height}`);

let width = document.documentElement.clientWidth;
let height = document.documentElement.clientHeight;
console.log(`Document visible size: ${width} x ${height}`);

let screenWidth = window.screen.width;
let screenHeight = window.screen.height;
console.log(`Screen size: ${screenWidth} x ${screenHeight}`);

window.addEventListener('resize', () => {
    let width = window.innerWidth;
    let height = window.innerHeight;
    console.log(`Window resized to: ${width} x ${height}`);
});

function getWindowSize() {
    let width, height;
    if (typeof window.innerWidth !== 'undefined') {
        // 现代浏览器
        width = window.innerWidth;
        height = window.innerHeight;
    } else if (typeof document.documentElement !== 'undefined' && typeof document.documentElement.clientWidth !== 'undefined' && document.documentElement.clientWidth !== 0) {
        // IE6+ 在标准模式下
        width = document.documentElement.clientWidth;
        height = document.documentElement.clientHeight;
    } else {
        // 旧版本的IE
        width = document.body.clientWidth;
        height = document.body.clientHeight;
    }
    return { width, height };
}

console.log(`Window size: ${getWindowSize().width} x ${getWindowSize().height}`);