屏幕信息获取-优快云博客

本文链接：https://blog.youkuaiyun.com/aihiao/article/details/109654843

1. window.screen对象包含用户屏幕的信息。

2. screen.width属性返回以像素计的访问者屏幕宽度。

3. screen.height属性返回以像素计的访问者屏幕的高度。

4. screen.availWidth属性返回访问者屏幕的宽度, 以像素计, 减去诸如窗口工具条之类的界面特征。

5. screen.availHeight属性返回访问者屏幕的高度, 以像素计, 减去诸如窗口工具条之类的界面特征。

6. Window Screen色深

6.1. screen.colorDepth属性返回用于显示一种颜色的比特数。

6.2. 所有现代计算机都使用24位或32位硬件的色彩分辨率:

24bits = 16777216种不同的"True Colors"。

32bits = 4294967296种不同的"Deep Colors"。

7. Window Screen像素深度

7.1. screen.pixelDepth属性返回屏幕的像素深度。

7.2. 对于现代计算机, 颜色深度和像素深度是相等的。

8. 例子

8.1. 代码

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<title>用户屏幕的信息</title>
	</head>
	<body>
		<script type="text/javascript">
			document.write('用户屏幕宽度: ' + screen.width + ', 用户屏幕高度: ' + screen.height + '<br />');
			document.write('用户屏幕可用宽度: ' + screen.availWidth + ', 用户屏幕可用高度: ' + screen.availHeight + '<br />');
			document.write('显示一种颜色的比特数: ' + screen.colorDepth + '<br />');
			document.write('屏幕的像素深度: ' + screen.pixelDepth);
		</script>
	</body>
</html>

8.2. 效果图