返回上一页

屏幕参数在线查看器

使用我们的「屏幕与视口信息检测工具」支持实时采集屏幕分辨率、可用工作区、视口尺寸、色彩深度等,适用于响应式布局调试、高清屏适配验证、刷新率敏感应用优化、多端兼容性测试及用户环境统计分析等场景。

📟 屏幕分辨率
1441 × 961
物理显示总像素 (宽度×高度)
🖥️ 可用屏幕区域
1441 × 913 px
除去任务栏/系统栏的工作区大小
👁️ 当前视口尺寸
707 × 203 px
浏览器窗口可视区(含滚动条区域), 响应式核心尺寸
🎨 色彩深度
32 bit (32位色深)
每像素颜色位深,影响色彩精度
🔍 像素深度
32 bit
像素点颜色深度,通常与色彩深度一致
🔬 设备像素比 (DPR)
1.750 ratio
物理像素 / CSS像素,影响高清显示
📏 估算物理像素
2522 × 1682(估算物理像素)
基于DPR和屏幕分辨率估算
📐 宽高比
3.483
当前视口比例 (宽度÷高度)
🧭 屏幕方向
landscape-primary (0°)
设备方向及角度
⚡ 屏幕刷新率
90 Hz (≈90.3 fps) Hz
基于requestAnimationFrame采样近似值(动态)
🖱️ 触控支持
支持触摸屏
设备是否具备触屏能力
🌈 HDR / 色域
标准动态范围 (SDR)
基于媒体查询dynamic-range特性
🔍 缩放倍率
175% (逻辑倍率)
DPR 百分比参考值
🌐 浏览器语言
zh-CN
系统/浏览器首选语言
💻 平台信息
Win32
操作系统/架构标识

同类推荐

常见问题

🔍 当前屏幕/视口工具能获取哪些维度的硬件与渲染信息?

本工具专注于屏幕与渲染环境的深度检测,覆盖物理分辨率、可用工作区、实时视口尺寸、色彩深度、像素比(DPR)、估算物理像素、宽高比、屏幕方向、刷新率、触控支持、HDR色域、缩放倍率、浏览器语言及平台信息。所有数据均从 window.screenwindownavigator 原生API实时读取。

📱 如何获取当前设备的真实屏幕与视口数据?

页面加载后工具自动运行,无需任何手动操作。它会通过 window.innerWidth/Heightscreen.width/heightdevicePixelRatio 等标准属性,实时捕获当前设备的物理像素、CSS像素及渲染上下文。同时,工具内置了响应式更新机制:当您调整浏览器窗口大小、旋转屏幕或切换显示模式时,所有数据会动态刷新。

🖱️ 工具兼容哪些浏览器?遇到老旧浏览器会显示异常吗?

工具兼容所有现代浏览器(Chrome/Edge/Firefox/Safari/Opera等),并针对不同浏览器的API差异做了充分容错。对于刷新率检测,则采用 requestAnimationFrame 采样方案,在主流浏览器中均可稳定运行。即使在不支持某些高级特性的旧版浏览器(如IE11),核心参数(分辨率、视口尺寸、DPR)仍能正常获取。

🧹 工具展示的屏幕信息是否准确?有无无效数据?

工具直接读取浏览器底层API返回值,未经任何修改或二次加工,确保数据真实反映当前显示环境。对于部分浏览器可能返回的过时属性(如 screen.pixelDepthscreen.colorDepth 在多数情况下值相同),工具会如实展示,并通过 toFixedMath.round 等标准化格式呈现,避免歧义。

🔒 获取屏幕与视口信息的过程中,数据会被上传或泄露吗?

所有数据采集与计算均在本地浏览器中完成,不涉及任何网络请求或外部存储。工具不会将您的屏幕分辨率、设备像素比、操作系统版本等信息上传至任何服务器,也不会记录用户操作行为。您可以在完全离线的环境下安全使用,非常适合企业内部调试、敏感项目开发或隐私要求较高的场景。

🧡 每一份支持,都让我们走得更坚定

每一次打赏,都会化作深夜默默修缮的灯火 🌙,只为让你用得更顺手一点 ✨。

微信/支付宝二合一收款二维码