如何在所有现代浏览器中检测页面缩放级别？

console.log(window.devicePixelRatio);

function getZoomLevel() {
  const element = document.createElement('div');
  element.style.width = '1in';
  document.body.appendChild(element);
  const style = window.getComputedStyle(element);
  const widthInPixels = parseFloat(style.width);
  document.body.removeChild(element);
  return widthInPixels / 96; // 96 is the standard DPI for CSS pixels
}

console.log(getZoomLevel());

if ('visualViewport' in window) {
  console.log(window.visualViewport.scale);
}

if ('visualViewport' in window) {
  console.log(window.visualViewport.scale);
} else {
  // 使用其他方法，如 devicePixelRatio 或 getComputedStyle
}