屏幕标尺简介

屏幕标尺是一款在浏览器内测量任意区域像素尺寸的工具，支持拖拽框选测量宽高、实时显示鼠标坐标，并显示屏幕刻度标尺（每 100px 标注）。所有计算在本地浏览器完成，不上传任何数据。

主要功能

拖拽测量：在屏幕上按住左键拖出一个矩形，实时显示其宽度 × 高度（CSS 像素）。

实时坐标：测量时跟随鼠标显示当前 X / Y 坐标（以视口左上角为原点）。

刻度标尺：屏幕顶部与左侧显示像素刻度，每 100px 标注数值，便于对照。

快捷退出：按 ESC 键或点击「退出」结束测量。

如何使用？

1. 点击「开始测量」进入测量模式（全屏覆盖层）。

2. 在需要测量的元素上按住鼠标左键并拖拽，框选区域。

3. 查看实时尺寸与坐标；松开鼠标保留测量结果。

4. 按 ESC 或点「退出」返回正常浏览。

常见问题

能测量浏览器窗口以外的内容吗？

不能。本工具只能测量当前浏览器视口内的区域（以 CSS 像素计），无法测量浏览器窗口之外的桌面或其他应用。

坐标的基准点在哪里？

以浏览器视口左上角为 (0,0)，向右为 X、向下为 Y，单位均为 CSS 像素。

会联网或上传数据吗？

不会。纯本地计算与绘制，关闭页面即停止，无任何网络请求。

最新工具