推荐三类在线尺子工具:Ruler Online(ruleronline.net)为纯网页直尺,零权限、3秒即用,误差±2mm;MeasureKit Web(measurekit.app/web)支持AR实景测距,无需安装,但需良好光照与纹理;ruler-js为嵌入式尺,8KB离线JS,复制代码即可在网页中调用。

想快速比划个长度却找不到尺子,又不想下载APP占内存,这时候打开浏览器搜“在线尺子”就能直接用——但网页版五花八门,有的要授权摄像头,有的加载半天还卡顿,有的干脆根本测不准。选对工具,3秒打开就能量;选错一个,光等加载和校准就耗掉你半分钟。
纯网页直尺:不用点、不弹窗、不读权限
打开浏览器,直接搜索“在线直尺”,排在前三位的通常是“Ruler Online”“Online Ruler”“Web Ruler”。其中只有 Ruler Online(ruleronline.net)真正做到了零交互启动:页面加载完,一条带毫米刻度的横尺自动铺满屏幕底部,左右滑动可切换横/纵模式,右上角单位按钮一键切厘米或英寸。
它不请求摄像头、不索要位置、不弹广告浮层,连“允许通知”都不问——因为根本不需要任何权限。你只需把待测物边缘对齐屏幕底边,眼睛平视,就能读数。误差控制在±2mm内,适合测书本、手机、A4纸这类平整小物件。
【注意:必须用Chrome或Edge浏览器,Safari在iOS上会强制缩放导致刻度失真】
AR实景测距:对准→拍照→出数,三步闭环
需要测桌子长度、门框高度、墙距这种没法贴屏的场景,就得靠AR技术。目前唯一做到“开网页即用、无插件、免登录”的是 MeasureKit Web(measurekit.app/web)。它跳过了所有下载和安装环节,直接调用手机或电脑的摄像头与陀螺仪。
第一步:用手机横屏打开网页,点击“Start AR Measurement”;
第二步:将屏幕十字线对准起点(比如墙角),轻点屏幕锁定第一锚点;
第三步:拖动屏幕,让十字线移到终点(另一端墙角),再点一次,长度数字立刻浮现在画面上。
这一步操作起来很简单,直接把手机举稳就行。但要注意:环境光线太暗或墙面纹理过于单一(如纯白墙、镜面)时,锚点容易漂移,建议开灯或贴一张便签纸做参照点。
极简嵌入式尺:复制代码,粘贴即用
如果你常写文档、做PPT、搭内部网页,想随时插入一把尺子,方法三最省事:用一行HTML代码调用开源尺子组件。
访问 github.com/robinwassen/ruler-js,复制首页顶部的<script>标签代码;<br> 粘贴进你的HTML文件<body>末尾;<br> 保存后刷新页面,右下角自动出现浮动尺图标,点击即展开横纵双模式直尺。</script>
整个过程不联网加载外部资源,所有逻辑打包在8KB JS里。它不收集数据、不发请求、不依赖CDN——【部署后完全离线可用,适合企业内网或保密文档场景】

















