腾讯云618限量抢购

JavaScript Screen 对象得到用户客户端屏幕信息的实例

最后更新:2012-11-07 03:42阅读:4137

检测用户客户端屏幕信息的实例

下面是一个利用 JavaScript Screen 对象检测用户客户端屏幕信息的实例。对于浏览器不支持的属性,输出值会是 undefined。

<html>
<body>
<script language="JavaScript">

document.write("<p>屏幕分辨率: ")
document.write(screen.width + "*" + screen.height + "</p>")
document.write("<p>屏幕可显示面积:")
document.write(screen.availWidth + "*" + screen.availHeight + "</p>")
document.write("<p>颜色深度: ")
document.write(screen.colorDepth + "</p>")
document.write("<p>缓冲深度:")
document.write(screen.bufferDepth + "</p>")
document.write("<p>每英寸水平点数:")
document.write(screen.deviceXDPI + "</p>")
document.write("<p>每英寸垂直点数:")
document.write(screen.deviceYDPI + "</p>")
document.write("<p>水平方向的常规点数:")
document.write(screen.logicalXDPI + "</p>")
document.write("<p>垂直方向的常规点数:")
document.write(screen.logicalYDPI + "</p>")
document.write("<p>是否启用了字体平滑:")
document.write(screen.fontSmoothingEnabled + "</p>")
document.write("<p>屏幕的颜色分辨率(比特/像素):")
document.write(screen.pixelDepth + "</p>")
document.write("<p>屏幕刷新率:")
document.write(screen.updateInterval + "</p>")

</script>
</body>
</html>

实例输出结果

在 Windows XP 操作系统,不同浏览器输出结果如下:

IE8

屏幕分辨率: 1280*800
屏幕可显示面积:1280*770
颜色深度: 32
缓冲深度:0
每英寸水平点数:96
每英寸垂直点数:96
水平方向的常规点数:96
垂直方向的常规点数:96
是否启用了字体平滑:true
屏幕的颜色分辨率(比特/像素):undefined
屏幕刷新率:0

Chrome 19.0

屏幕分辨率: 1280*800
屏幕可显示面积:1280*770
颜色深度: 32
缓冲深度:undefined
每英寸水平点数:undefined
每英寸垂直点数:undefined
水平方向的常规点数:undefined
垂直方向的常规点数:undefined
是否启用了字体平滑:undefined
屏幕的颜色分辨率(比特/像素):32
屏幕刷新率:undefined

Firefox 13.0

屏幕分辨率: 1280*800
屏幕可显示面积:1280*770
颜色深度: 24
缓冲深度:undefined
每英寸水平点数:undefined
每英寸垂直点数:undefined
水平方向的常规点数:undefined
垂直方向的常规点数:undefined
是否启用了字体平滑:undefined
屏幕的颜色分辨率(比特/像素):24
屏幕刷新率:undefined

可见,不同的浏览器,显示出来的数据可能不尽相同,比较通用的是屏幕尺寸,这也是实际上最常用的。


本章节内容共分 2 部分:
  1. 1. JavaScript Screen 对象:得到有关客户端显示屏幕的信息
  2. 2. JavaScript Screen 对象得到用户客户端屏幕信息的实例
腾讯云618限量抢购