屏幕分辨率检测器
立即查看你的屏幕分辨率。本工具直接在浏览器中读取屏幕尺寸、可用区域、视口大小、设备像素比、色彩深度、色域与屏幕方向,并随窗口缩放、旋转或多显示器切换实时更新——无需安装,所有数据均在本地处理。
提示:将浏览器缩放重置(Ctrl/Cmd + 0)可获得精确的物理分辨率读数。
🔒 所有测量均在浏览器本地完成,不上传任何数据。
在线即时查看您的屏幕分辨率
这个屏幕分辨率检查器可以让您验证显示器的 CSS 分辨率、物理像素分辨率、viewport 大小、设备像素比、色彩深度、色域和 HDR 支持。无论您是检查 4K 显示器、Retina 笔记本还是手机,调整大小、缩放或旋转时值都会实时更新——无需下载。
一页尽览屏幕分辨率、可用屏幕区域、浏览器视口、设备像素比、色彩深度、色域、屏幕方向与宽高比。
调整窗口大小、缩放浏览器、旋转移动设备或将窗口拖到另一台显示器时,数值都会实时刷新。
结合 CSS 像素尺寸与设备像素比,估算显示器实际渲染的物理像素分辨率。
查看色彩深度(每像素位数)与显示器报告的色域——sRGB、DCI-P3 或 Rec. 2020——以及 HDR 支持情况。
无需任何特殊浏览器 API,台式机、笔记本、平板与手机上的现代浏览器均可运行。
零上传。所有测量都在浏览器本地读取与显示——无账号、无跟踪、无服务器往返。
CSS 像素是逻辑单位,因此本工具会把报告的尺寸乘以设备像素比,估算面板真正渲染的像素数量。
查看显示器当前是横向还是纵向,以及采用何种比例——16:9、16:10、21:9 或 32:9;设备旋转时两个尺寸会实时互换。
读取扣除任务栏、Dock 与系统栏之后剩余的区域,这正是最大化窗口实际获得的空间。
将你的读数与当前常用分辨率参考表对照,覆盖从 HD 720p 到 4K UHD 以及带鱼屏面板,并列出各自的比例与典型用途。
浏览器缩放会改变报告的设备像素比,因此本页说明了缩放如何影响每一项数值,以及如何重置缩放以获得精确的物理测量结果。
在不同显示器之间拖动窗口,卡片会自动重新测量,是快速并排比较两台显示器分辨率与缩放设置的便捷方式。
支持场景与限制
快速确认 屏幕分辨率 是否符合您的需求。下方列表清楚说明这款基于浏览器的工具能做什么、不能做什么。
支持的环境
- Full HD 1080p(1920 × 1080)显示器
- QHD 1440p(2560 × 1440)显示屏
- 4K UHD(3840 × 2160)显示器与电视
- Ultrawide(3440 × 1440,21:9)显示器
- Retina / HiDPI 显示屏(DPR ≥ 2)
- 笔记本屏幕(含缩放后的 4K 笔记本)
- 外接显示器(DisplayPort、HDMI、USB-C)
- 手机与平板(竖屏与横屏)
- 多显示器配置(拖动窗口重新测量)
- HDR 与广色域(DCI-P3、Rec. 2020)屏幕
不支持
- 更改或设置屏幕分辨率(请使用 OS 显示设置)
- 调整显示缩放或 DPI(请使用 OS 设置)
- 修复坏点或卡点(请使用我们的死像素测试)
- 测试显示器刷新率(请使用我们的刷新率测试)
- 校准色彩、亮度或对比度
- 检测物理面板损坏或硬件故障
屏幕分辨率 只能验证输入事件是否到达浏览器,无法判断故障是由硬件、驱动程序、固件还是操作系统造成的。
屏幕分辨率检测的工作原理
本工具通过标准浏览器接口直接读取显示信息:Screen API(window.screen)、window 对象(innerWidth 与 innerHeight),以及用于报告色域与动态范围的 CSS 媒体查询。页面加载时,浏览器即返回当前数值,上方卡片会立即将其渲染出来。
无需安装任何东西,也无需授予任何权限。当你调整浏览器窗口大小、更改缩放比例、旋转手机或平板,或把窗口拖到另一台不同分辨率的显示器上时,数值都会自动更新——卡片持续监听这些变化并实时重新测量。由于读数来自你自己的浏览器,它精确反映了网站在你的设备上渲染时看到的结果,这往往比包装盒上印的数字更有参考价值。
读懂你的屏幕分辨率结果
最关键的区分是 CSS 像素与物理像素。浏览器以 CSS 像素报告 screen.width 与 screen.height——这是一种逻辑单位,与显示器实际拥有多少物理像素无关。在以 150% 缩放运行的 4K 显示器上,浏览器可能报告 2560 × 1440 CSS 像素,而面板物理渲染 3840 × 2160。
设备像素比(DPR)连接了这两套体系:把 CSS 尺寸乘以 DPR 即可估算物理分辨率,这也是物理分辨率被标注为“约”的原因——浏览器缩放同样会改变报告的 DPR。而视口只是浏览器窗口内页面的可见区域,因此它总是小于(或等于)完整屏幕分辨率。把这两个数值并排来看,就能最快理解为什么在你的显示器上显示正常的页面,在更小的窗口里可能表现不同;这也正是网页开发者构建响应式布局时最依赖的一对数值。
常见屏幕分辨率
下表列出如今在笔记本、台式机显示器与电视上最可能遇到的分辨率。多数现代显示器采用 16:9 宽高比;带鱼屏显示器则使用 21:9 或 32:9。
| 分辨率 | 像素 | 宽高比 | 典型用途 |
|---|---|---|---|
| HD 720p | 1280 × 720 | 16:9 | 入门级笔记本与小型显示器 |
| HD+ | 1366 × 768 | ≈16:9 | 低价位 Windows 笔记本上很常见 |
| Full HD 1080p | 1920 × 1080 | 16:9 | 最常见的台式机与笔记本分辨率 |
| QHD 1440p | 2560 × 1440 | 16:9 | 高端桌面显示器与电竞屏 |
| Ultrawide QHD | 3440 × 1440 | 21:9 | 曲面办公与游戏显示器 |
| 4K UHD | 3840 × 2160 | 16:9 | 高端笔记本、4K 显示器与电视 |
| WUXGA | 1920 × 1200 | 16:10 | 商务笔记本与办公显示器 |
| QWXGA+ | 2560 × 1700 | 3:2 | 面板更高的生产力笔记本 |
| 3K | 2880 × 1620 | 16:9 | 高像素密度的轻薄笔记本 |
| Ultrawide FHD | 2560 × 1080 | 21:9 | 入门级带鱼屏与多窗口办公场景 |
| WQXGA | 2560 × 1600 | 16:10 | 专业显示器与创作者显示器 |
| 5K | 5120 × 2880 | 16:9 | 专业剪辑与设计显示器 |
| 8K UHD | 7680 × 4320 | 16:9 | 旗舰电视与专业工作站 |
为什么要在网上检测屏幕分辨率
通过操作系统翻查分辨率要点好几次——Windows 上是“设置 › 系统 › 显示”,macOS 上是“系统设置 › 显示器”——而且结果常常混着难以解读的缩放选项。本页面一眼就能回答“我的屏幕分辨率是多少”,还包含对网页工作真正重要的数值:视口大小与设备像素比。
因此它很适合这些具体场景:更改显示设置后核对显示器当前的分辨率、测试响应式布局时确认网页看到的是什么尺寸、为远程 IT 支持记录你的设备信息,或者验证刚接上的投影仪与外接显示器的实际分辨率。
常见屏幕分辨率问题
以下是本检测工具最常解答的问题:
分辨率看起来比显示器标称的低
高分辨率显示器出厂默认开启缩放。150% 缩放的 4K 笔记本报告的是 2560 × 1440 CSS 像素,而不是 3840 × 2160。查看本页的物理分辨率估算值——它应当与面板的原生分辨率一致。
文字或图标过小或过大
这是缩放问题,而不是分辨率问题。Windows 上打开“设置 › 系统 › 显示 › 缩放”;macOS 上查看“系统设置 › 显示器”。更改缩放会改变报告的 CSS 分辨率,但不会改变物理分辨率。
画面整体发虚
发虚通常意味着显示器运行在非原生分辨率上,或者缩放被设为非整数倍。在系统显示设置中把分辨率设为面板的原生值——上方表格可以帮你识别它。
视口比屏幕小
本来就该如此。视口只覆盖浏览器窗口内的页面区域,还要扣除工具栏、侧边栏与滚动条。屏幕分辨率描述的是整块显示器。
我接了两台显示器,数值不符合预期
浏览器报告的是窗口当前所在的那块屏幕。把窗口拖到另一台显示器,数值会自动重新测量——这也是快速比较两台显示器的办法。
分辨率正确,但游戏或视频看着发虚
桌面分辨率正确并不能保证内容清晰。视频播放器常常低于面板分辨率渲染,游戏也可能以更低的内部渲染分辨率运行后再放大。应当检查应用内部的播放或图形设置,而不是操作系统的显示设置。
我的带鱼屏显示器出现黑边
黑边通常说明是内容而非显示器被限制在更窄的比例上。一块 3440 × 1440 的面板播放 16:9 视频时,按设计就会留出黑边。浏览器仍然报告完整的 21:9 分辨率,这恰恰说明显示器本身的配置是正确的。
两个浏览器报告的数值不一样
浏览器对屏幕尺寸的取整方式不同,也可能在高密度显示器上应用各自的缩放。两个浏览器都在同一台显示器、100% 缩放下,数值应当非常接近;几个像素的小差异属于正常的取整误差,并不是故障。
页面显示 0 或空白数值
这通常意味着页面被禁止读取屏幕信息,或者脚本被阻止运行。请对该来源关闭脚本拦截,退出任何受限或隐私容器后重新加载。这里不涉及任何权限弹窗,因此卡片空白几乎总是拦截类扩展导致的,而不是浏览器设置问题。
更换驱动或线缆后分辨率变了
硬件变更时显示输出会重新协商。把 HDMI 线换成 DisplayPort,或者更新显卡驱动,都可能重置刷新率与报告的分辨率。在操作系统显示设置中重新选择原生分辨率后,这里的数值应当恢复为面板的标称规格。
投影仪或外接显示器显示不正常
外接显示器常常镜像笔记本屏幕,这会强制采用两者中较低的分辨率。请在显示设置中把镜像改为扩展,然后把外接屏幕设为原生分辨率。窗口一旦移到那块屏幕,本页数值就会立即更新,你可以马上确认结果。
隐私与数据处理
🔒 本页的每一项数值——屏幕尺寸、视口、DPR、色彩深度、屏幕方向——都在你的浏览器本地读取与显示。没有任何内容发送到服务器,不做任何存储,也无需账号或权限。关闭标签页,测量结果随之消失。
屏幕分辨率检测常见问题
我的屏幕分辨率是多少? ▼
你的屏幕分辨率显示在上方工具卡片的顶部——例如 1920 × 1080。这是以 CSS 像素为单位的屏幕尺寸,也就是浏览器用于布局的逻辑单位。在它下方你还能看到估算的物理分辨率,其中已经计入了显示缩放。如果两个数字不同,说明显示器开启了缩放——这在高分辨率面板上既正常也推荐。卡片按设计实时更新:调整浏览器窗口大小会改变视口,缩放会改变物理估算值,把窗口移到另一台显示器则会重新测量那块屏幕。
为什么报告的分辨率低于显示器的原生分辨率? ▼
现代高分辨率显示器通过缩放让文字与图标保持舒适的尺寸。150% 缩放的 4K 显示器报告 2560 × 1440 CSS 像素,而面板物理渲染 3840 × 2160。浏览器的 screen.width 与 screen.height 始终使用 CSS 像素,因此报告的是经过缩放的逻辑分辨率。把它乘以设备像素比就得到物理分辨率——这正是本页物理分辨率估算为你完成的计算。
屏幕分辨率和视口大小有什么区别? ▼
屏幕分辨率描述整块显示器——完整的显示器或手机屏幕。视口是浏览器窗口内网页的可见部分:它不包含浏览器工具栏、界面栏、侧边栏与滚动条。浏览器最大化时,视口略小于屏幕;窗口是小尺寸浮动窗口时,视口可能小得多。网页开发者用视口大小(而不是屏幕分辨率)来构建响应式布局,这也是本页把两个数值并排展示的原因。旁边显示的可用屏幕区域是整块显示器减去常驻系统元素后的空间:在 1920 × 1080 的 Windows 屏幕上,默认任务栏会给最大化的应用留下约 1040 像素的高度。
如何查看显示器的原生分辨率? ▼
打开本页面并读取物理分辨率估算值——在浏览器缩放为 100% 时,它与面板的原生分辨率一致,因为缩放无法改变硬件渲染的像素数量。你还可以在操作系统中交叉核对:Windows 上前往“设置 › 系统 › 显示”查看显示分辨率(标注为推荐的那一项就是原生分辨率);macOS 上打开“系统设置 › 显示器”——“默认用于显示器”选项通常使用原生分辨率,并通过缩放保证清晰度。你也可以在购买前用它验证新显示器:把浏览器窗口移到那块屏幕上,卡片会自动重新测量——一块真正的 21:9 带鱼屏应报告 3440 × 1440 或 2560 × 1080,而不是营销名称。
这个工具免费且注重隐私吗? ▼
是的,完全免费。没有费用,无需注册,无需下载,检测次数也不受限制。每一次测量都在你的浏览器本地完成:页面读取你的屏幕、窗口与显示设置,并把它们渲染在屏幕上。没有任何屏幕数据、设备指纹或使用统计被发送到服务器,关闭标签页后也不会保存任何内容。页面加载完成后,你甚至可以离线使用。
改变分辨率会影响性能吗? ▼
会,而且常常影响明显。像素越多,图形处理器每一帧的工作量就越大,因此在同一套硬件上,1920 × 1080 下流畅运行的游戏在 3840 × 2160 下可能就吃力了。在桌面上影响要小得多,因为静态内容只在发生变化时才会重绘。如果提高分辨率后游戏出现卡顿,降低分辨率——或开启某种放大模式——通常是最快的解决办法。
为什么我的手机报告了一个我不认识的分辨率? ▼
移动设备通常报告以 CSS 像素为单位的逻辑分辨率,而不是面板的原生分辨率,因为操作系统会缩放界面,让触控区域保持舒适的物理尺寸。一块 1080 × 2400 面板的手机可能报告大约 393 × 851 CSS 像素。本页的物理分辨率估算会把报告的尺寸与设备像素比结合起来,近似还原真实面板,这个数字才值得写进规格说明。
如何把显示缩放重置为默认值? ▼
在 Windows 上打开“设置”,进入“系统”,再进入“显示”,把“缩放”设回标注为推荐的值;推荐的分辨率通常也是原生分辨率。在 macOS 上打开“系统设置”,进入“显示器”,选择“默认用于显示器”,它会选用原生分辨率并应用缩放以保证清晰度。完成任一更改后重新加载本页面——报告的数值会立即更新,并应与面板的标称规格一致。
这个浏览器信息工具是私密的吗? ▼
完全私密。您看到的一切都是从浏览器自身的接口读取的——navigator、screen、Intl 和特性检测——并在本地渲染。没有数据发送到服务器,不计算指纹,关闭标签页后不存储任何内容。这与许多"我的浏览器是什么"网站不同,后者会记录用户代理或对结果运行分析。您可以自己验证:加载页面,断开互联网连接,它仍然可以正常工作。
为什么有些数值显示"近似"? ▼
浏览器故意对可能识别您的细节进行舍入或上限处理。设备内存(navigator.deviceMemory)报告为粗略区间——0.25、0.5、1、2、4 或 8 GB——即使 32 GB 的机器也不会超过 8。CPU 核心数反映浏览器看到的逻辑处理器,可能与物理内核不同。操作系统版本来自缩减的用户代理或 Client Hints,可能比较粗略。这些近似是隐私功能,不是错误。
什么是 User-Agent Client Hints,为什么重要? ▼
Client Hints 是冗长用户代理字符串的更新、结构化的替代方案。浏览器不再提供一行不透明文本,而是公开一组带标签的字段,如品牌列表、完整版本、平台版本、架构和位数,并且可能除非网站请求,否则保留高熵值。此页面读取浏览器选择公开的内容,这就是为什么 Chromium 浏览器在这里显示的细节比 Firefox 或 Safari 更精确。
这个页面会对我进行指纹识别吗? ▼
不会。此页面仅读取任何网站都可以从标准浏览器 API 获取的相同信息——用户代理、屏幕尺寸、支持的功能——不组合成唯一标识符。没有 cookies、没有 canvas 指纹识别、没有字体枚举、没有分析。页面在离线状态下也能正常工作,这是没有数据发送到任何地方的简单证明。
快速总结
屏幕分辨率检测器是一款免费在线工具,即时显示你的显示信息:以 CSS 像素表示的屏幕分辨率、估算的物理分辨率、可用屏幕区域、浏览器视口、设备像素比、色彩深度、色域、HDR 支持、屏幕方向与宽高比。数值会随窗口缩放、浏览器缩放或设备旋转实时更新。它可在桌面端与移动端的任何现代浏览器中运行,无需安装,一切都在本地处理——任何数据都不会离开你的设备。