这个问题确实挺棘手的——Windows 10下screen.availHeight的表现和Mac/Linux不太一致，主要是因为系统任务栏的布局逻辑差异（比如任务栏位置、自动隐藏设置都会影响计算结果）。我整理了几种靠谱的解决方案，你可以根据自己的场景选择：

方法1：用全屏API获取最准确的值（需用户交互） #

当浏览器进入全屏模式时，document.documentElement.clientHeight会直接返回屏幕的实际可用高度（完全排除任务栏），因为全屏模式下浏览器会占据除系统必要元素外的所有空间。唯一的限制是浏览器不允许自动触发全屏，必须绑定到用户的交互事件（比如按钮点击）。

示例代码：

// 绑定到按钮点击事件
document.querySelector('#get-available-height-btn').addEventListener('click', async () => {
  const rootElement = document.documentElement;
  
  // 检查浏览器是否支持全屏API
  if (!rootElement.requestFullscreen) {
    console.error('当前浏览器不支持全屏API');
    return;
  }
  
  try {
    // 进入全屏模式
    await rootElement.requestFullscreen();
    // 获取全屏状态下的可用高度
    const availableHeight = document.documentElement.clientHeight;
    console.log('不含任务栏的可用屏幕高度：', availableHeight);
    
    // 退出全屏（可选，根据你的需求决定是否保留）
    await document.exitFullscreen();
  } catch (err) {
    console.error('全屏操作失败：', err);
  }
});

方法2：通过屏幕参数判断任务栏位置（无需用户交互） #

Windows系统中，任务栏的位置会直接影响screen.availHeight和screen.availWidth的数值。我们可以通过计算屏幕整体尺寸与可用尺寸的差值，判断任务栏是否占用了高度方向的空间，从而得到正确的可用高度：

function getAvailableScreenHeight() {
  const totalHeight = screen.height;
  const totalWidth = screen.width;
  
  const availHeight = screen.availHeight;
  const availWidth = screen.availWidth;
  
  // 计算任务栏在高度和宽度方向的占用空间
  const taskbarHeightUsed = totalHeight - availHeight;
  const taskbarWidthUsed = totalWidth - availWidth;
  
  // 如果任务栏在顶部/底部（高度方向有占用），则可用高度为availHeight
  if (taskbarHeightUsed > taskbarWidthUsed) {
    return availHeight;
  } else {
    // 任务栏在侧边，高度方向无占用，可用高度为屏幕总高度
    return totalHeight;
  }
}

// 使用示例
console.log('计算出的可用高度：', getAvailableScreenHeight());

⚠️ 注意：如果你的任务栏设置为自动隐藏，screen.availHeight会返回屏幕总高度（因为任务栏隐藏时不占用空间），此时这个方法会返回总高度而非任务栏显示时的可用高度。

方法3：利用最大化窗口的尺寸（需窗口最大化） #

如果你的场景允许将窗口最大化，那么窗口最大化后的window.outerHeight就是不含任务栏的可用高度——因为Windows会自动调整最大化窗口的高度，避开任务栏：

// 先将窗口最大化（可选，如果你不确定当前窗口状态）
window.resizeTo(screen.availWidth, screen.availHeight);
window.moveTo(screen.availLeft, screen.availTop);

// 获取最大化后的窗口高度
const maximizedHeight = window.outerHeight;
console.log('最大化窗口高度（不含任务栏）：', maximizedHeight);

⚠️ 注意：这个方法会改变用户当前窗口的大小，可能影响体验，建议仅在必要时使用，或者提前告知用户。

总的来说，方法1的准确性最高，适合需要精确值的场景；方法2无需用户交互，适合快速估算；方法3则适合允许调整窗口大小的场景。

内容的提问来源于stack exchange，提问作者Tony Zhu