屏幕标尺
启动标尺覆盖层，在当前可见页面点击两点，查看水平、垂直和直线距离。
浏览器屏幕标尺
- 视口
- —
- 浏览器报告的屏幕尺寸
- —
- 设备像素比
- —
CSS 像素不是物理毫米。浏览器缩放和显示缩放会影响它们的实际大小。
在当前可见视口点击两点。
使用步骤
如何使用
- 查看视口、浏览器报告的屏幕尺寸和设备像素比。
- 开始测量，并在视口中点击两点。
- 读取 CSS 像素距离；按 Escape 或点击退出关闭覆盖层。
视口 CSS 像素坐标
覆盖层以 CSS 像素读取指针位置，并计算水平、垂直和欧几里得距离。浏览器缩放、页面布局和设备像素比会影响 CSS 像素与设备像素的映射。
屏幕信息由浏览器报告
屏幕尺寸、视口尺寸和 devicePixelRatio 是浏览器提供的数值，不能给出经过校准的物理 DPI，也不保证尺子对应真实长度。
临时本地测量
覆盖层在当前页面运行，不会上传或保存坐标。重置或离开页面后测量会清除。
常见问题
你可能还想知道
这是物理毫米吗？
不是。标尺测量视口中的 CSS 像素。物理长度需要用已知尺寸的物体校准，并可能随显示缩放或浏览器缩放而变化。
设备像素比是什么意思？
这是浏览器报告的设备像素与 CSS 像素之比，并不能完整表示屏幕的物理像素密度。
可以测量浏览器窗口任意位置吗？
覆盖层覆盖当前可见视口。小型控制面板仍可操作；点击面板会触发控件，而不是添加测量点。