js 检测窗口大小

// 获取初始窗口大小
let windowWidth = window.innerWidth;
let windowHeight = window.innerHeight;

// 输出初始窗口大小
console.log(`Initial window size: ${windowWidth}x${windowHeight}`);

// 监听窗口大小变化事件
window.addEventListener('resize', () => {
  // 获取新的窗口大小
  windowWidth = window.innerWidth;
  windowHeight = window.innerHeight;

  // 输出新的窗口大小
  console.log(`Window size changed to: ${windowWidth}x${windowHeight}`);

  // 根据窗口大小执行不同的逻辑
  if (windowWidth < 600) {
    console.log('Window is smaller than 600px');
    // 执行小窗口下的逻辑
  } else {
    console.log('Window is larger than or equal to 600px');
    // 执行大窗口下的逻辑
  }
});

let resizeTimer;
window.addEventListener('resize', () => {
  clearTimeout(resizeTimer);
  resizeTimer = setTimeout(() => {
    // 处理窗口大小变化
  }, 250); // 延迟250毫秒执行
});

let width, height;
if (typeof window.innerWidth !== 'undefined') {
  width = window.innerWidth;
  height = window.innerHeight;
} else {
  // 处理不支持的情况
}