作者：烦恼的余生_538 | 来源：互联网 | 2013-07-25 10:04
有时候我们在前端开发中想用Javascript得到客户端屏幕的相关参数，以此来根据有关屏幕的尺寸或者是其他信息来提高用户体验、改进程序，那么我们该怎么做呢？其实这是
有时候我们在前端开发中想用Javascript得到客户端屏幕的相关参数，以此来根据有关屏幕的尺寸或者是其他信息来提高用户体验、改进程序，那么我们该怎么做呢？其实这是与Js的Screen对象有关的，那么何为Screen对象呢？它又是怎样工作的呢？下面就让我们详细了解一下Screen对象吧。
Screen对象其实就是包含有关客户端显示屏幕信息的一个对象，虽然并没有应用于Screen对象的公开标准，但所有的浏览器都是支持它的。
Screen对象的属性
width属性：返回显示屏幕的宽度
height属性：返回显示屏幕的高度
availWidth属性：返回显示屏幕的宽度（除任务栏之外）
availHeight属性：返回显示屏幕的高度（除任务栏之外）
updateInterval属性：设置或返回显示屏幕的刷新率
pixelDepth属性：返回显示屏幕的颜色分辨率（比特每像素）
bufferDepth属性：设置或返回调色板的比特深度
colorDepth属性：返回目标设备或缓冲器上的调色板的色彩深度
deviceXDPI属性：返回显示屏幕的每英寸水平点数
deviceYDPI属性：返回显示屏幕的每英寸垂直点数
fontSmoothingEnabled属性：返回用户是否在显示控制面板中启用了字体平滑
logicalXDPI属性：返回显示屏幕每英寸的水平方向的常规点数
logicalYDPI属性：返回显示屏幕每英寸的垂直方向的常规点
各浏览器的支持情况
|
属性
|
IE
|
F
|
O
|
|
availHeight
|
4
|
1
|
9
|
|
availWidth
|
4
|
1
|
9
|
|
bufferDepth
|
4
|
No
|
No
|
|
colorDepth
|
4
|
1
|
9
|
|
deviceXDPI
|
6
|
No
|
No
|
|
deviceYDPI
|
6
|
No
|
No
|
|
fontSmoothingEnabled
|
4
|
No
|
No
|
|
height
|
4
|
1
|
9
|
|
logicalXDPI
|
6
|
No
|
No
|
|
logicalYDPI
|
6
|
No
|
No
|
|
pixelDepth
|
No
|
1
|
9
|
|
updateInterval
|
4
|
No
|
No
|
|
width
|
4
|
1
|
9
|
下面我们用代码测试一下：
京公网安备 11010802041100号