JavaScript获取屏幕分辨率与物理尺寸的方法
作者:纸飞机时间:2026-10-27 18:11:56浏览:484
本文介绍如何使用JavaScript获取用户的屏幕分辨率及显示器物理尺寸。通过screen对象获取像素宽高,利用DOM元素offsetWidth进行比例换算,并结合勾股定理计算对角线英寸数,从而在网页中动态显示分辨率和屏幕尺寸信息。
JavaScript获取屏幕分辨率与物理尺寸的方法
如何利用JavaScript特效来展示用户的屏幕分辨率及显示器物理尺寸?参考以下代码实现。
具体代码实现如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS测试显示器分辨率</title>
</head>
<body>
<div style="width:1cm;" id="hutia"></div>
<SCRIPT LANGUAGE="JavaScript">
document.write('您的显示器分辨率为:\n' + screen.width + '*' + screen.height + ' pixels<br/>');
var ww = document.getElementById("hutia").offsetWidth, w = screen.width/ww, h = screen.height/ww, r = Math.round(Math.sqrt(w*w + h*h) / 2.54);
document.write('您的显示器尺寸为:\n' + (screen.width/ww).toFixed(1) + '*' + (screen.height/ww).toFixed(1) + ' cm, '+ r +'寸<br/>');
</SCRIPT>
</body>
</html>作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
