如何使用JavaScript检查元素是否真的可见？

function isVisible(element) {
  const style = window.getComputedStyle(element);
  return style.display !== 'none' && style.visibility !== 'hidden';
}

function isVisible(element) {
  return element.offsetWidth > 0 && element.offsetHeight > 0;
}

function isVisible(element) {
  const rect = element.getBoundingClientRect();
  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
}

function isVisible(element) {
  return new Promise((resolve) => {
    const observer = new IntersectionObserver((entries) => {
      const entry = entries[0];
      resolve(entry.isIntersecting);
    });
    observer.observe(element);
  });
}