js 获得浏览器宽度和高度

let viewportWidth = window.innerWidth;
let viewportHeight = window.innerHeight;
console.log(`视口宽度: ${viewportWidth}, 视口高度: ${viewportHeight}`);

let viewportWidth = document.documentElement.clientWidth;
let viewportHeight = document.documentElement.clientHeight;
console.log(`视口宽度: ${viewportWidth}, 视口高度: ${viewportHeight}`);

let documentWidth = document.body.scrollWidth;
let documentHeight = document.body.scrollHeight;
console.log(`文档宽度: ${documentWidth}, 文档高度: ${documentHeight}`);

let documentWidth = document.documentElement.scrollWidth;
let documentHeight = document.documentElement.scrollHeight;
console.log(`文档宽度: ${documentWidth}, 文档高度: ${documentHeight}`);

window.addEventListener('resize', function() {
    let width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    let height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    console.log(`新的视口宽度: ${width}, 新的视口高度: ${height}`);
});