js获取浏览器屏幕宽度和高度

// 获取浏览器窗口的宽度
var windowWidth = window.innerWidth;
console.log("浏览器窗口宽度: " + windowWidth + "px");

// 获取浏览器窗口的高度
var windowHeight = window.innerHeight;
console.log("浏览器窗口高度: " + windowHeight + "px");

// 获取屏幕的宽度
var screenWidth = screen.width;
console.log("屏幕宽度: " + screenWidth + "px");

// 获取屏幕的高度
var screenHeight = screen.height;
console.log("屏幕高度: " + screenHeight + "px");

window.addEventListener('resize', function() {
    var newWidth = window.innerWidth;
    var newHeight = window.innerHeight;
    console.log("窗口尺寸变化 - 宽度: " + newWidth + "px, 高度: " + newHeight + "px");
});