屏幕标尺、元素检查器、网格覆盖和 CSS/Tailwind 导出，实现像素完美的 UI 设计和前端 QA。
Page Ruler 是一款轻量级、高性能的工具包，专为需要绝对精度的前端开发人员和 UI/UX 设计师而构建。
Page Ruler 是无缝布局审核的快捷方式，允许您覆盖自定义网格、捕捉元素并立即检查 CSS 布局，而无需打开繁重的浏览器开发人员工具。
Page Ruler 旨在简化整个前端工作流程。
🔥 页面标尺的作用：
🧲 智能捕捉：参考线自动捕捉到元素边缘，消除了手动对齐的猜测。
📐 距离模式：单击一个元素，然后单击另一个元素，即可立即显示它们之间的确切像素距离 - 非常适合审核紧边距和相对间距。
🔍 深度检查：轻松突出显示父容器和嵌套元素，让您超越复杂布局的表面。
⚡ 即时导出：将计算的 CSS 或 Tailwind 片段直接复制到剪贴板，以加快编码速度。
📐 Pro Grid：具有自定义装订线尺寸和网格颜色，可进行与您的设计系统相匹配的像素完美布局验证。
🔒 滚动锁定：在导航时保持精确的线条固定，确保您在滚动时不会丢失位置。
📏 拖放参考线：从边缘拉出水平或垂直标尺，以在几秒钟内验证跨元素对齐。
💻 为什么它属于你的工具包：
无论您是调试复杂的 Tailwind 布局、审核填充和边距，还是根据设计模型检查元素对齐情况，Page Ruler 都能以闪电般的速度为您提供像素完美的精度。
停止猜测并开始测量。立即安装 Page Ruler。