一个简单的获取显示器长宽和显示器分辨的代码

2023-12-23 10:43:50

?最近在做大屏显示，在现显示的时候有些显示器是不规则的，投到大屏上显示效果不好，可以直接获取显示器的分辨率，本地调整好，再直接部署。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取显示器的分辨率</title>
    <script>
        window.onload = function() {
            var pixelRatio = window.devicePixelRatio;
            var screenWidth = window.screen.width * pixelRatio;
            var screenHeight = window.screen.height * pixelRatio;

            var resolutionInfo = "水平分辨率: " + screenWidth + "px, 垂直分辨率: " + screenHeight + "px";
            document.getElementById("resolutionInfo").innerText = resolutionInfo;
			
			
			var screenWidth2 = window.screen.width;
            var screenHeight2 = window.screen.height;

            var displayInfo = "显示器宽度: " + screenWidth2 + "px, 显示器高度: " + screenHeight2 + "px";
            document.getElementById("displayInfo").innerText = displayInfo;

			
			
        };
    </script>
</head>
<body>
    <h1>显示器的分辨率</h1>
    <p id="resolutionInfo">正在获取分辨率信息...</p>    
	<h1>获取显示器的长宽</h1>
   
	 <p id="displayInfo">获取显示器的长宽信息...</p>
</body>
</html>

文章来源:https://blog.csdn.net/z13615480737/article/details/135165138
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。