漫步白月光工具站
获取源码
切换模式
收藏列表
放到桌面
工具搜索
用户登陆
QQ技术交流群二维码

技术交流群

开发者技术讨论与问题解答,分享最新技术动态

群号: 827253120
QQ用户交流群二维码

用户交流群

产品使用反馈与交流,获取最新产品资讯

群号: 876127697
扫码即可加入
MAIN DISPLAY RESOLUTION
-- × --
屏幕比例
-- px
屏幕MP
-- px
屏幕宽度
-- px
屏幕高度
-- px
可用宽度
-- px
可用高度
-- px
可用区域左边界
-- px
可用区域上边界
-- px
颜色深度
-- bit
像素深度
-- bit
设备像素比
-- x
屏幕方向
--
屏幕左边界
-- px
屏幕上边界
-- px
设备类型
--
内容缩放
--
窗口宽度
-- px
窗口高度
-- px
外部宽度
-- px
外部高度
-- px
水平滚动
-- px
垂直滚动
-- px
文档宽度
-- px
文档高度
-- px
对比度偏好
--
HDR 支持
--
色域
--
强制颜色
--

关于屏幕参数检测器介绍:

1、屏幕参数检测器是一个能够实时检测显示器参数、视口信息及系统显示偏好,并支持一键复制导出的前端调试工具。

2、工具说明:

  • 实时获取屏幕分辨率、可用工作区尺寸及多显示器边界信息。
  • 自动计算屏幕比例、总像素数及当前浏览器的设备像素比。
  • 智能识别访问设备类型,自动判断为桌面设备、平板或移动端。
  • 精确检测窗口内外尺寸、文档尺寸及当前滚动偏移量。
  • 探测系统级显示特性,包括颜色深度、HDR 支持状态及色彩色域。

3、使用说明:

  • 打开页面后工具会自动检测并刷新数据,无需手动刷新。
  • 点击每个参数条目右侧的“复制”按钮,可快速复制该项数据。
  • 点击顶部的“复制参数”按钮,可将完整的格式化报告复制到剪贴板。
  • 点击顶部的“导出参数”按钮,可将当前屏幕参数保存为 txt 文本文件。
  • 调整浏览器窗口大小或旋转屏幕方向,页面数据会实时动态更新。

4、适用场景:

  • 前端开发人员调试响应式布局,获取准确的视口与分辨率参数。
  • UI 设计师验证不同设备像素比下的显示效果与缩放比例。
  • 测试工程师在进行兼容性测试时,快速记录设备环境信息。
  • 用户排查显示问题,检查屏幕是否开启了 HDR 或处于特定的颜色模式。

专业网站定制服务

企业官网
个人博客
实验室官网
作品集网站
求职/升学网站
机构官网
个人学术网站

附带服务:网站安全 | 网站加速 | 技术支持

立即咨询定制方案
资深专精 · 快速交付 · 售后保障

推荐工具
主页 搜索 收藏 开灯关灯