如何在纯JavaScript中获得不包括滚动条的视区大小？

const viewportWidth = window.innerWidth;
const viewportHeight = window.innerHeight;
console.log(`Viewport Width: ${viewportWidth}, Height: ${viewportHeight}`);

const viewportWidth = document.documentElement.clientWidth;
const viewportHeight = document.documentElement.clientHeight;
console.log(`Viewport Width: ${viewportWidth}, Height: ${viewportHeight}`);

const viewportWidth = document.body.clientWidth;
const viewportHeight = document.body.clientHeight;
console.log(`Viewport Width: ${viewportWidth}, Height: ${viewportHeight}`);

const viewportWidth = Math.min(
  window.innerWidth,
  document.documentElement.clientWidth,
  document.body.clientWidth
);
const viewportHeight = Math.min(
  window.innerHeight,
  document.documentElement.clientHeight,
  document.body.clientHeight
);
console.log(`Viewport Width: ${viewportWidth}, Height: ${viewportHeight}`);

window.addEventListener('DOMContentLoaded', () => {
  const viewportWidth = document.documentElement.clientWidth;
  const viewportHeight = document.documentElement.clientHeight;
  console.log(`Viewport Width: ${viewportWidth}, Height: ${viewportHeight}`);
});