screen對(duì)象用來(lái)表示客戶(hù)端的能力,包括瀏覽器窗口外部顯示器的信息,開(kāi)發(fā)中并不常用
屬性
每個(gè)瀏覽器中的screen對(duì)象都包含著各不相同的屬性
屬性 說(shuō)明
height 屏幕的像素高度
width 屏幕的像素寬度
availHeight 屏幕的像素高度減去系統(tǒng)部件高度之后的值(只讀)
availWidth 屏幕的像素寬度減去系統(tǒng)部件寬度之后的值(只讀)
left 當(dāng)前屏幕距左邊的像素距離[firefox返回0,chrome和IE不支持]
top 當(dāng)前屏幕距上方的像素距離[firefox返回0,chrome和IE不支持]
availLeft 未被系統(tǒng)部件占用的最左側(cè)的像素值(只讀)[chrome和firefox返回0,IE不支持]
availTop 未被系統(tǒng)部件占用的最上方的像素值(只讀)[chrome和firefox返回0,IE不支持]
bufferDepth 讀、寫(xiě)用于呈現(xiàn)屏外位圖的位數(shù)[IE返回0,chrome和firefox不支持]
colorDepth 用于表現(xiàn)顏色的位數(shù)(只讀)[IE8-返回32,其他瀏覽器返回24]
pixelDepth 屏幕的位深(只讀)[IE8-不支持,其他瀏覽器返回24]
deviceXDPI 屏幕實(shí)際的水平DPI(只讀)[IE返回96,chrome和firefox不支持]
deviceYDPI 屏幕實(shí)際的垂直DPI(只讀)[IE返回96,chrome和firefox不支持]
logicalXDPI 屏幕邏輯的水平DPI(只讀)[IE返回96,chrome和firefox不支持]
logicalYDPI 屏幕邏輯的垂直DPI(只讀)[IE返回96,chrome和firefox不支持]
updateInterval 讀、寫(xiě)以毫秒表示的屏幕刷新時(shí)間間隔[IE返回0,chrome和firefox不支持]
fontSmoothingEnabled 是否啟用了字體平滑(只讀)[IE返回true,chrome和firefox不支持]
常用屬性
availHeight、availWidth
availHeight:屏幕的像素高度減去系統(tǒng)部件高度之后的值(只讀),代表屏幕可用高度,單位為像素
availWidth:屏幕的像素寬度減去系統(tǒng)部件寬度之后的值(只讀),代表屏幕可用寬度,單位為像素
console.log(screen.availHeight) // 728
console.log(screen.availWidth) // 1366
height、width
height: 屏幕的像素高度
width: 屏幕的像素寬度
console.log(screen.height) // 768
console.log(screen.width) // 1366
screen.height和screen.width兩個(gè)屬性,一般用來(lái)了解設(shè)備的分辨率。除非調(diào)整顯示器的分辨率,否則這兩個(gè)值可以看作常量,不會(huì)發(fā)生變化
本文摘自 :https://www.cnblogs.com/