如何使用JavaScript获取屏幕分辨率和刷新率？

项目场景：

获取用户屏幕的分辨率和刷新率

---

1. 刷新率

屏幕刷新率（也被称为刷新频率或屏幕刷新率）是指屏幕每秒可以刷新多少次，通常以赫兹（Hz）为单位。在JavaScript中，没有直接的方法可以获取屏幕的刷新率，但可以通过一些技巧来近似计算。

let lastTime = 0;
let refreshRate = 0;

function measureRefreshRate() {
  requestAnimationFrame(function(time) {
    if (lastTime > 0) {
      refreshRate = 1000 / (time - lastTime);
      console.log('屏幕刷新率大约是:', refreshRate, 'Hz');
    }
    lastTime = time;
    measureRefreshRate();
  });
}

// 开始测量
measureRefreshRate();

---

2. 分辨率：

分辨率：屏幕物理分辨率;

// Window.devicePixelRatio(设备像素比)
// 设备的物理像素分辨率与CSS像素分辨率之比
var screenWidth = window.screen.width / window.devicePixelRatio;
var screenHeight = window.screen.height / window.devicePixelRatio;

console.log("物理屏幕宽度: " + screenWidth);
console.log("物理屏幕高度: " + screenHeight);

---