Screen Ruler 与 Ruler.onl 对比 — 3 台设备准确度实测
Ruler.onl 的设计理念是极简——一把尺子，没有多余的东西。没有设置面板，没有校准向导，打开即用。这种简单确实有吸引力。但问题在于，面对市面上形态各异的屏幕硬件，"简单"和"准确"能同时成立吗？
我们用同一套物理测量方案在三台设备上分别测试了 Ruler.onl 和 Screen Ruler，来看实际结果。
快速对比
| 功能 | Ruler.onl | Screen Ruler | |---|---|---| | 校准方式 | 无（固定 96 PPI） | 信用卡或硬币校准 | | 台式显示器误差 | 约 -4% | <1% | | MacBook 误差 | 约 +58% | <1% | | iPhone 误差 | 约 +380% | <1% | | 移动端支持 | 有布局，但不准确 | 完整优化 | | 竖向标尺 | 无 | 有 | | 深色模式 | 无 | 有 | | 校准记忆 | 无 | 有 | | 界面语言 | 仅英文 | 20 种语言 |
准确度实测结果
测试方法：用实体刻度尺标记已知长度，对比每个工具在屏幕上的显示值。三台设备，相同的测量对象。
台式显示器（实际 92 PPI）
Ruler.onl 的误差为 -4%。这是它表现最好的场景——普通台式显示器的实际 PPI 和 CSS 标准假设的 96 PPI 非常接近，偏差小，误差自然也小。如果你只是在普通办公显示器上做大概的参考测量，Ruler.onl 凑合能用。
MacBook（227 PPI，Retina 屏）
误差直接跳到 +58%。MacBook 的 Retina 屏每英寸物理像素高达 227 个，但 macOS 会将 CSS 像素放大一倍，让界面元素在不同设备上保持视觉一致的大小。结果就是，屏幕上 CSS 意义上的"1 英寸"，实际物理长度约为 1.58 英寸。Ruler.onl 用 CSS 英寸来定义长度，没有任何补偿，所以显示的一切都被拉伸了。它显示"10 cm"，实际量下来大概是 15.8 cm。
同一台机器上用信用卡校准后的 Screen Ruler，误差低于 1%。
iPhone（460 PPI，3 倍设备像素比）
这里的偏差彻底失控——Ruler.onl 的误差达到 +380%。标记为"1 cm"的刻度，用实体尺量下来大约是 4.8 cm。在手机上，这个工具基本没有实用价值。
同一台手机上校准后的 Screen Ruler：误差同样低于 1%。
Ruler.onl 在手机上为什么差这么多
这不是 Ruler.onl 特有的设计缺陷，而是 CSS 工作机制带来的必然结果。
CSS 规范将 1 英寸定义为恰好 96 像素，与屏幕物理硬件无关。这个标准在 2000 年代初期还算合理，那时大多数显示器确实接近 96 PPI。但现在的手机屏幕物理 PPI 普遍在 300 到 500 以上，并且使用设备像素比（DPR）来做缩放。一台 3 倍 DPR 的 iPhone，每 1 个 CSS 像素对应 3 个物理像素。
算一下：96 CSS 像素/英寸 ÷ 3 DPR = 每 CSS"英寸"实际对应 32 个物理像素。但这台 iPhone 每物理英寸有 460 个物理像素，32 个物理像素只有约 0.07 物理英寸。
具体换算：96 CSS 像素 ÷（460 物理 PPI ÷ 3 DPR）= 0.63 物理英寸/CSS 英寸。也就是说，标尺显示的尺寸比实物大了约 380%。
这在纯 CSS 层面无法绕过。唯一可靠的解决方案是校准：在屏幕上放一个已知物理尺寸的物体，据此修正缩放系数。Screen Ruler 用信用卡（85.6 mm × 54 mm，ISO 标准尺寸）或硬币来做这件事。Ruler.onl 没有这个机制，所以它对任何偏离 96 PPI 的设备都无法给出准确结果。
功能对比
Ruler.onl
- 仅支持横向标尺
- 支持厘米和英寸
- 极简界面，没有干扰元素
- 不支持校准
- 没有深色模式
- 不保存任何设置
Screen Ruler
- 横向和竖向标尺
- 支持厘米、毫米、英寸
- 全屏模式
- 深色模式
- 设备识别，自动估算 PPI
- 信用卡和硬币校准
- 校准结果跨会话保存
- 20 种界面语言
Ruler.onl 在初始易用性上更胜一筹——不需要做任何操作就能得到一个数字。代价是这个数字可能因设备而偏差数百个百分点。
总结
Ruler.onl 在普通台式显示器上作为粗略参考还是够用的。如果你在 1080p 或 1440p 的桌面屏幕上量东西，只需要大概的数字，~4% 的误差可能无关紧要。
但其他场景——高分辨率笔记本屏幕、手机、平板，任何对精度有要求的测量——它就不是在测量了，而是在猜。
这个问题在不做校准的前提下根本无法解决。Screen Ruler 的方案是让用户把已知尺寸的物体放在屏幕上，然后修正缩放系数，这是浏览器环境里唯一可靠的物理测量方式。校准一次，三台测试设备的误差都稳定在 1% 以下。
如果你之前在用 Ruler.onl，想换一个界面风格接近的工具，Screen Ruler 同样走简洁路线——只是多了一步真正让它准确的校准过程。