浏览器显示信息检测工具

自动获取当前浏览器的缩放比例及相关显示参数,帮助前端开发者解决界面兼容性问题

浏览器信息

浏览器名称 --
浏览器版本 --
用户代理字符串 --

屏幕信息

屏幕分辨率 --
可用屏幕区域 --
屏幕可用位置 --
视口大小 --
色彩深度 --
像素深度 --
屏幕方向角度 --
屏幕方向类型 --

系统信息

操作系统 --
语言设置 --
时区 --

🔍 screen 对象完整解析(实时数据)

📊 字段详解

字段名 含义
width -- 屏幕总宽度(像素),即显示器的物理分辨率宽度,不包括任务栏等系统UI。
height -- 屏幕总高度(像素),即显示器的物理分辨率高度。
availWidth -- 可用屏幕宽度(像素),屏幕宽度减去操作系统任务栏、启动栏等占用的空间。
availHeight -- 可用屏幕高度(像素),屏幕高度减去操作系统任务栏、启动栏等占用的空间。
availLeft -- 可用屏幕区域相对于整个屏幕的左侧偏移量,通常为0。
availTop -- 可用屏幕区域相对于整个屏幕的顶部偏移量,通常为0。
colorDepth -- 屏幕的色彩深度,以位(bit)为单位,表示每个像素可以显示的颜色数量。
pixelDepth -- 屏幕的像素深度,与colorDepth通常相同,表示每个像素的位数。
orientation.angle -- 屏幕的当前旋转角度,通常为0°、90°、180°或270°。
orientation.type -- 屏幕的方向类型,如landscape-primary(横向主方向)、portrait-primary(纵向主方向)等。
isExtended -- 表示系统是否使用多个显示器,true表示使用了多个显示器。