屏幕分辨率/视口查询

在线屏幕分辨率查询,实时显示当前设备的屏幕分辨率、浏览器视口宽高、设备像素比 DPR、颜色深度和 userAgent,方便前端适配。

常见设备分辨率参考表

设备类型常见分辨率 (宽×高)
手机(竖屏)360×640, 375×667, 390×844, 412×915
手机(横屏)640×360, 667×375, 844×390, 915×412
平板(竖屏)768×1024, 810×1080, 834×1194
平板(横屏)1024×768, 1080×810, 1194×834
笔记本电脑1280×720, 1366×768, 1440×900, 1920×1080
台式显示器1920×1080, 2560×1440, 3440×1440, 3840×2160

工具介绍

本工具可以实时查询当前设备的屏幕分辨率、浏览器视口尺寸、设备像素比、颜色深度、屏幕方向和User Agent信息,会在屏幕旋转或窗口大小变化时自动更新数据。

使用说明

打开页面即可自动获取并显示当前设备信息,无需手动操作。当你调整浏览器窗口大小或者旋转设备屏幕时,数据会自动更新。

参数说明

屏幕分辨率和视口分辨率有什么区别?

屏幕分辨率是设备物理屏幕的总像素尺寸,是固定不变的;视口分辨率是浏览器当前显示内容的区域大小,会随着浏览器窗口大小改变而变化。

为什么我看到的屏幕分辨率和设备参数不一样?

部分系统会对高DPI屏幕进行缩放,本文获取的是系统报告的逻辑分辨率,不是物理硬件分辨率,所以可能会和参数标称值有差异。

旋转设备后信息会自动更新吗?

会的,本工具监听了屏幕方向变化和窗口大小变化事件,旋转设备或调整窗口后会自动刷新数据。

设备像素比有什么用?

设备像素比用于前端开发适配高清屏幕,知道这个值可以帮助开发出在Retina等高清屏幕上显示清晰的网页和应用。