// 显示器尺寸 Screen
var width = screen.width;//屏幕总宽度
var height = screen.height;//屏幕总高度
var awidth = screen.availWidth;//屏幕宽度(不包括windows底部任务栏)
var aheight = screen.availHeight;//屏幕高度(不包括windows底部任务栏)
var cdepth = screen.colorDepth;//色彩深度
var cpixeldepth = screen.pixelDepth;//色彩分辨率
alert("屏幕总宽度:" + width + "屏幕总高度:" + height + "屏幕宽度:" + awidth + "屏幕高度:" + aheight + "色彩深度:" + cdepth + "色彩分辨率:" + cpixeldepth)
以上为显示器尺寸获取的全部代码
PS:
因为在运行时出现了在不同浏览器中显示器尺寸大小会有偏差如下图:
谷歌浏览器:
内置浏览器:
而电脑显示器实际的分辨率为:
而造成获取值不同的原因是因为系统显示的缩放布局为150%,有些浏览器在获取显示器尺寸值时会除以150%:
所以将系统显示的缩放布局改为100%后,浏览器获取显示器的尺寸值与实际分辨率相同。
思考:这是因为浏览器在获取值时判断显示分辨率放大了1.5倍,所以在获取时会以未放大的状态获取吗,还是别的原因呢