js获取屏幕分辨率

在JavaScript中，你可以通过访问 window.screen 对象来获取屏幕分辨率的信息。以下是一些常用的属性及其说明：

1. window.screen.width：屏幕的宽度（以像素为单位）。
2. window.screen.height：屏幕的高度（以像素为单位）。
3. window.screen.availWidth：屏幕的可用宽度（即去除任务栏、窗口边框等后的宽度，以像素为单位）。
4. window.screen.availHeight：屏幕的可用高度（即去除任务栏、窗口边框等后的高度，以像素为单位）。
5. window.screen.colorDepth：屏幕的颜色深度（以位为单位，通常为24或32位）。

以下是一个简单的示例，展示了如何获取并输出这些信息：

// 获取屏幕分辨率信息
const screenWidth = window.screen.width;
const screenHeight = window.screen.height;
const availScreenWidth = window.screen.availWidth;
const availScreenHeight = window.screen.availHeight;
const colorDepth = window.screen.colorDepth;

// 输出信息
console.log(`屏幕分辨率: ${screenWidth}x${screenHeight}`);
console.log(`可用屏幕分辨率: ${availScreenWidth}x${availScreenHeight}`);
console.log(`屏幕颜色深度: ${colorDepth}位`);

将这些代码添加到你的JavaScript文件中，或者在浏览器的开发者控制台中运行，就可以看到当前设备的屏幕分辨率及其可用分辨率和颜色深度。

请注意，这些信息是关于整个屏幕的，而不是浏览器窗口或视口的尺寸。如果你需要获取浏览器窗口或视口的尺寸，可以使用 window.innerWidth、window.innerHeight 或 document.documentElement.clientWidth 和 document.documentElement.clientHeight。