在线尺子深度测评：3 设备实测（2026）

Screen Ruler TeamApril 19, 202610 min read

深度测试在线尺子评测精度PPI

想要快速推荐？ 看我们的短版 5 款在线尺子替代指南——约 400 字讲清每个工具什么时候用。这篇是完整方法和数据。

网上有几十种在线尺子工具，长得都差不多——一个水平或垂直尺子图案、厘米/英寸刻度、干净的网页。长得一样不代表量得一样。在 Retina 笔记本上，好尺子和差尺子的误差可以差 60 个百分点。

这是完整测试：六款主流在线尺子、三种设备、一个参照物。简版在 alternatives 文章。下面是我们是如何得出结论的。

测试方法

测试设备：

24 寸 1080p 桌面显示器（Dell P2419H，92 PPI）
13 寸 MacBook Air M2（227 PPI，Retina 屏幕）
iPhone 15（460 PPI）

参照物： 标准 ISO 7810 信用卡，宽度精确为 85.6 毫米。

方法： 在每台设备上打开每个尺子工具，把信用卡平放在屏幕上，对比卡的物理宽度和工具显示的刻度。记录百分比偏差。

"准确"的标准： 经过可用的校准后，偏差在 ±2% 以内（信用卡上 ±1.7 毫米）。

测试结果

工具	校准方式	桌面显示器	MacBook	iPhone	手机支持
iRuler.net	手动输入 DPI	±2%（输入正确时）	±2%（输入正确时）	无手机版	否
PiliApp	选择显示器尺寸	±3%	±5%	±8%	部分
Ruler.onl	无（固定 96 PPI）	-4%	+58%	+380%	有（不准）
CodeShack	无（固定 96 PPI）	-3%	+61%	+372%	有（不准）
GiniFab	号称自动检测	-8%	+42%	+210%	有（不准）
Screen Ruler Online	信用卡/硬币/A4 校准 + 设备自动检测	<1%	<1%	<1%	有

核心发现

没有校准的工具只在一种屏幕上准确。 Ruler.onl 和 CodeShack 都假设 96 PPI——CSS 标准值。这恰好接近典型 24 寸 1080p 显示器（92 PPI），所以在那上面大致准确。换任何其他设备就严重偏差。

手动输入 DPI 可行但不实际。 iRuler 需要你知道屏幕的 DPI 并手动输入。大多数人不知道自己屏幕的 DPI，查找需要翻规格表算数学。而且它根本没有手机版。

选择显示器尺寸好一点但仍不精确。 PiliApp 让你从下拉菜单选显示器尺寸（13 寸、15 寸、24 寸等）。比手动输入 DPI 强，但不能处理显示缩放、浏览器缩放、以及同一屏幕尺寸下不同笔记本型号的面板尺寸差异。

"自动检测"名不副实。 GiniFab 声称自动检测，但在 MacBook 上仍有 42% 偏差，iPhone 上 210%。它的检测方法似乎依赖 screen.width 和 devicePixelRatio，但没有正确处理 Retina 屏幕。

功能对比

功能	iRuler	PiliApp	Ruler.onl	CodeShack	GiniFab	Screen Ruler Online
水平尺	有	有	有	有	有	有
垂直尺	无	无	无	无	无	有
单位切换	有	有	有	有	有	有
信用卡校准	无	无	无	无	无	有
硬币校准	无	无	无	无	无	有（6 国）
设备自动识别	无	无	无	无	声称	有（50+ 设备）
深色模式	无	无	无	无	无	有
手机优化	无	部分	有	有	有	有
语言	1	2	1	1	1	20
校准保存	否	否	无	无	否	是（30 天）

逐个点评

iRuler.net

最老牌的在线尺子。简单的水平尺，有厘米和英寸刻度。需要手动输入 DPI。没有手机版。界面多年未更新。如果你知道 DPI，桌面上用着没问题。否则只能瞎猜。

PiliApp

提供显示器尺寸选择，比手动输入 DPI 友好。还提供信用卡等物品的真实大小可视化。桌面上精度还行，但手机上变差，因为"选择显示器尺寸"这个方法在手机的多种显示缩放设置下不好用。

Ruler.onl

设计干净简洁。支持厘米和英寸。但完全没有校准——按 CSS 标准 96 PPI 渲染像素。标准桌面显示器上还行。笔记本和手机上完全没法用。

CodeShack

和 Ruler.onl 外观和精度（或者说不精度）类似。固定 96 PPI 假设。看着不错，但大多数设备上不能信。

GiniFab

声称自动检测屏幕尺寸，但检测不靠谱。MacBook 和 iPhone 上都有严重偏差。界面尚可，但精度名不副实。

Screen Ruler Online

说明：这是我们自己的工具。它结合了设备自动检测（匹配 50 多种设备）和物理校准（信用卡、六个国家的硬币、A4 纸）。垂直尺设计针对手机优化。支持 20 种语言、深色模式，校准数据保存 30 天。

该选哪个？

手机或笔记本上需要准确测量： Screen Ruler Online 是唯一在所有设备类型上提供可靠校准的工具。信用卡校准 10 秒搞定，任何屏幕都行。

只用桌面显示器且知道 DPI： iRuler 配置好后可以用。但换显示器就得重新配置。

只需要粗略的视觉参考： 随便哪个在桌面显示器上都能给个大概值。但别在手机或笔记本上信它们。

大多数在线尺子不准的技术原因

浏览器 JavaScript 没有办法可靠获取屏幕的物理 PPI。现有 API——screen.width、window.devicePixelRatio、CSS dppx——报告的都是 CSS 像素或像素比例，不是物理尺寸。

具体意思是这样的。CSS 像素由 W3C 定义为 28 英寸观看距离下的 1/96 英寸。浏览器按这个逻辑单位渲染，然后依赖操作系统把它映射到实际硬件像素。在一台 24 英寸 1080p 约 92 PPI 的显示器上，这个比例大致正确。在 227 PPI 的 Retina MacBook 上，操作系统会应用 2× 设备像素比。在 460 PPI 的 iPhone 15 上，比例是 3×。在 416 PPI 的三星 Galaxy S24 上，比例是非整数的 2.625×。

一个默认"1 CSS 像素 = 1/96 英寸"的尺子——这是规范——会：

在 96 PPI 桌面显示器上正确
在 Retina MacBook 上偏差约 2.4 倍（227/96 ≈ 2.36）
在 iPhone 15 上偏差约 4.8 倍（460/96 ≈ 4.79）

这就是为什么 Ruler.onl 在手机上误差 +380%。这不是 bug，这是 CSS 像素抽象按设计工作的结果，只是被套在了一个它并非为之设计的问题上。没有任何浏览器 API 能修复这点。

用物理参照物校准是已知唯一可行的变通方法。 信用卡全球统一宽度 85.6 mm（ISO 7810 规格）。如果用户拖滑块让屏幕上的信用卡轮廓与实际的卡对齐，工具就知道了"当前设备、当前缩放级别"下 CSS 像素与真实毫米的比例——也就能渲染出准确的刻度。这一步，就是 1% 误差和 300%+ 误差的分界线。

精度问题不会自己消失

核心问题——浏览器报告 CSS 像素而非物理尺寸——短期内不会改变。没有任何即将发布的 Web 标准会向 JavaScript 暴露物理 PPI。CSS Device Adaptation 有过类似能力但已经废弃；window.matchMedia('(resolution: 150dpi)') 返回的也是 CSS 逻辑密度，不是硬件密度。

在这一点改变之前，用实物参照物校准仍然是唯一可靠的方法。跳过校准的工具在大多数设备上永远不准确。这不是 bug——是它们没有解决的根本限制。