【浏览器执行模式】 : 您的所有数据均在浏览器中处理,不会上传服务器,数据安全有保障。不放心的,可等待页面加载完成后 断网使用!(需提前登录账号)
【速度及稳定性】 : 处理速度由您的机器配置决定。由于浏览器差异,少数工具可能出现无法使用或异常:请使用:软件版工具
工具使用
返回旧版工具
先设置屏幕参数,再检测并生成报告。
工具会读取当前设备显示信息,并可按屏幕英寸、缩放比例和用途生成更完整的分辨率报告。设置会保存在当前设备,方便下次继续使用。
实时分辨率
DPR 与视口
PPI 估算
复制 / JSON / CSV
设置可保存
当前屏幕分辨率
检测中
宽高比-
等级-
DPR-
设置检测参数
先设置屏幕英寸、缩放比例和使用场景,再进入检测。未填写英寸时,PPI 会按常见尺寸估算。
设备参数用于 PPI 与显示建议计算
用途场景用于生成报告说明
提示:如果系统开启 125%、150% 等显示缩放,页面读取到的尺寸通常是当前有效 CSS 像素;物理像素可参考“物理像素估算”。
检测屏幕信息
这里显示当前屏幕、可用区域、浏览器窗口和分辨率分类。拖动窗口到其他显示器后,可点击刷新重新检测。
屏幕总分辨率-screen.width × screen.height
可用分辨率-扣除系统栏后的可用区域
浏览器视口-页面布局使用的 CSS 像素
物理像素估算-按 DPR 与缩放参数估算
详细参数可用于排查显示与适配问题
| 项目 | 数值 | 说明 |
|---|
多屏检测需要当前环境支持 Screen Details API
如果浏览器或权限不支持,将显示当前窗口所在屏幕的信息。
| 屏幕 | 分辨率 | 可用区域 | 位置 |
|---|
报告导出
检测完成后可以复制摘要,或下载 JSON、CSV 报告。报告会包含设置参数、检测时间和主要显示数据。
导出操作先刷新检测,再选择需要的格式
文本摘要适合粘贴到工单或说明文档
检测报告预览
-
等待检测
分辨率等级-
宽高比-
百万像素-
PPI-
颜色深度-
屏幕方向-
先设置参数并刷新检测,工具会在这里给出简短判断。
使用说明
软件使用说明
- 设置检测参数:先填写屏幕对角线英寸、系统显示缩放和设备备注;如果不清楚屏幕英寸,可保持为空,工具会按常见尺寸估算PPI。
- 选择用途场景:可选择设计与截图、网页适配或显示器识别,工具会根据用途生成对应的报告提示。
- 开始检测:点击“下一步:开始检测”或“刷新检测”,查看屏幕总分辨率、可用分辨率、视口尺寸、物理像素估算、DPR、颜色深度和屏幕方向。
- 查看详细参数:在检测信息页核对宽高比、分辨率等级、百万像素、PPI、触控点数量和系统平台等数据。
- 多屏检测:如需查看多个显示器信息,可点击“尝试读取多屏信息”。若当前环境不支持或未授权,工具会保留当前屏幕检测结果。
- 保存设置:点击“保存设置”可保存屏幕英寸、缩放比例、设备备注和用途场景,便于后续继续检测。
- 导出报告:进入“报告导出”页后,可复制摘要、复制JSON,或下载JSON、CSV报告文件。
常见问题
答:系统缩放、页面缩放、任务栏和显示模式都可能影响读取结果。工具会同时显示屏幕总分辨率、可用分辨率和视口尺寸,便于对照判断。
答:可用分辨率是扣除任务栏、菜单栏等系统界面后,页面或应用可使用的屏幕区域,通常会小于屏幕总分辨率。
答:DPR表示物理像素与CSS像素的比例。高密度屏幕通常会有大于1的DPR,用于判断截图尺寸、图像清晰度和页面适配。
答:PPI需要结合分辨率和屏幕物理英寸计算。未填写实际英寸时,工具会按常见尺寸估算,因此结果适合参考,填写实际英寸后会更接近设备参数。
答:将当前窗口移动到需要检测的显示器上,然后点击“刷新检测”。如果设备和权限支持,也可以点击“尝试读取多屏信息”查看多个屏幕的数据。
答:屏幕分辨率表示显示设备返回的整体尺寸,视口尺寸表示当前页面内容区域的尺寸。窗口大小、缩放比例和滚动条都会影响视口尺寸。
答:报告包含设置参数、检测时间、屏幕分辨率、可用分辨率、视口尺寸、DPR、PPI、宽高比、颜色深度、方向和系统平台等信息。