Ruler Grid —— 一款面向设计师和前端开发者的通用工具套件。Ruler Grid 帮助你分析并优化任何网站的页面布局。你可以直接在浏览器中测量元素、检查样式、选取颜色并进行设计实验。 核心功能： • 标尺与参考线 使用水平和垂直参考线，高精度测量距离并对齐元素。 • 取色器工具 从页面中获取任意颜色或渐变，并以 HEX、RGB 或 HSL 格式复制。 • 字体检查器 即时识别字体、字号、字重以及行高等排版信息。 • 实时页面编辑 无需打开 DevTools，直接在网页上修改文本、间距和布局。 • CSS 与样式检查器 一键查看计算样式、CSS 属性以及 Tailwind 类名。 • 响应式网格 叠加布局网格，检查不同屏幕尺寸下的列结构、间距与对齐情况。 为什么选择 Ruler Grid？ 快速、轻量且直观——Ruler Grid 提供你分析网页布局所需的一切工具，让工作流程更高效，无需离开当前页面。