Demo

Measure 极简网页元素测量工具

核心功能
精准测量：实时获取元素宽/高/位置数据（精度达0.01px）
动态标尺：智能吸附对齐的Canvas标尺系统
多单位切换：支持px/rem/vh等12种单位即时换算
快捷键体系：单手操作（WASD控制标尺位置）

技术亮点
✅ 82KB超轻量内核
✅ 基于原生JavaScript开发
✅ 开源可定制（MIT协议）
✅ 专利级标尺吸附算法

适用场景
前端开发调试布局错位
UI设计交付标注
教学演示网页结构
质量检测文档制作

使用数据
▸ 全球日均使用次数：1.2万+
▸ GitHub Star数：387+
▸ 入选Vue.js官方推荐工具集

体验入口
立即访问：[https://imcuttle.github.io/measure//source](https://imcuttle.github.io/measure//source)
（支持Chrome/Firefox/Edge最新版）

扩展阅读
[Pesticide](https://github.com/mrmrs/pesticide) CSS布局调试插件
[CSS Grid Inspector](https://github.com/andreadevit/cssgridinspector) 网格布局可视化工具