用 PowerToys 屏幕标尺把屏幕上任何元素量到像素级【免费下载链接】PowerToysMicrosoft PowerToys is a collection of utilities that supercharge productivity and customization on Windows项目地址: https://gitcode.com/GitHub_Trending/po/PowerToys你盯着浏览器里那个按钮和它旁边输入框的间距五分钟了还是说不清差的是 8px 还是 12px。PowerToys 自带的 Screen Ruler屏幕标尺就是干这个的在屏幕最上层画一个可拖动的测量框把目测一下变成量一下就有数。它到底长什么样它是 PowerToys 里的一个模块只在 Windows 上运行。按下热键后它不是打开一个窗口而是直接在全屏最上层盖一层悬浮测量层基于 DirectX 实时绘制所以挡得住任何应用也随时能让路。第一眼你看到的是屏幕顶部中间一个小小的工具栏方框、横线、竖线、十字准星四个模式以及右上角的关闭按钮选区框是橙色的尺寸数字实时挂在框的右下角。屏幕标尺矩形模式下的实际效果右下角实时显示像素尺寸。第一次打开它30 秒搞定装好 PowerToys 后打开设置在模块列表里找到 Screen Ruler把开关打开。按默认热键WinCtrlM屏幕上方立即出现那个小工具栏。点工具栏上的模式图标方框量矩形横线量水平间距竖线量垂直间距十字定位坐标点。按住鼠标左键拖动尺寸数字跟着光标实时变化量完直接松手就是最终值。按Esc关闭测量层工具退出桌面恢复原样。在 PowerToys 设置里开启屏幕标尺模块。你大概率会用到的几个场景量两个元素之间的间距到底是多少你正在把开发实现和设计稿对着看中间那条留白怎么都对不上。打开屏幕标尺选横线模式从左边元素的边缘拖到右边元素的边缘数字实时跳出来松手就是间距。不用再截图丢进图像软件里数格子了。验证一个按钮是不是按设计稿实现的设计师说主按钮应该是 96×32你不确定代码里写的是不是。切到方框模式框住整个按钮右下角的数字和设计稿标注一对照多了少了看一眼就知道。量完按CtrlC测量值会进剪贴板直接贴进评审记录或工单里。跨窗口、跨屏比一致性你在两个显示器上都开着同一个后台想确认左右侧栏两边是不是等宽。屏幕标尺的测量层覆盖所有显示器先在 A 屏侧栏上拖一下再切到 B 屏同一位置拖一下两笔数字放在一起是否一致一眼就清楚。用之前先知道这几件事默认热键WinCtrlM和其他工具容易撞车而且前提是模块开关是打开的第一次按了没反应的话先去设置里确认这两点。横线、竖线那两个间距模式靠同色像素段识别量纯色留白很准落在渐变或图片上结果就不可信了这种情况老老实实用方框模式。多显示器下每个屏幕各有一个独立的工具栏量第二块屏要在对应屏上拖别以为跟着光标跑。高 DPI 屏幕上它给的是逻辑像素和显示坐标一致但换算成物理尺寸比如印刷对照会有缩放误差。它不太能干什么它量的是你此刻屏幕上静态的像素逻辑像素而已高 DPI 屏幕上的物理像素密度它不管。元素在动的时候也别指望它动画、滚动中的页面量出来是随机一帧得先停住再量它不会替你追焦。再回到开头那个按钮的间距现在你不用盯五分钟了按一下WinCtrlM拖一下561×202 这样的数字出来对不对看一眼就知道。要是你想知道它内部怎么实现的源码在 MeasureTool 这个模块里。【免费下载链接】PowerToysMicrosoft PowerToys is a collection of utilities that supercharge productivity and customization on Windows项目地址: https://gitcode.com/GitHub_Trending/po/PowerToys创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考