Ruler Grid 作者: MDesign
终极网页设计工具套件!精准标尺、取色器、字体扫描器和实时页面编辑功能集于一体的强大工具。可测量距离、选择颜色,并实时调整任意布局。更快打造像素级完美网站。开发与设计必备工具。
某些功能可能需要付费某些功能可能需要付费
扩展元数据
屏幕截图
关于此扩展
Ruler Grid —— 一款面向设计师和前端开发者的通用工具套件。Ruler Grid 帮助你分析并优化任何网站的页面布局。你可以直接在浏览器中测量元素、检查样式、选取颜色并进行设计实验。
核心功能:
• 标尺与参考线
使用水平和垂直参考线,高精度测量距离并对齐元素。
• 取色器工具
从页面中获取任意颜色或渐变,并以 HEX、RGB 或 HSL 格式复制。
• 字体检查器
即时识别字体、字号、字重以及行高等排版信息。
• 实时页面编辑
无需打开 DevTools,直接在网页上修改文本、间距和布局。
• CSS 与样式检查器
一键查看计算样式、CSS 属性以及 Tailwind 类名。
• 响应式网格
叠加布局网格,检查不同屏幕尺寸下的列结构、间距与对齐情况。
为什么选择 Ruler Grid?
快速、轻量且直观——Ruler Grid 提供你分析网页布局所需的一切工具,让工作流程更高效,无需离开当前页面。
核心功能:
• 标尺与参考线
使用水平和垂直参考线,高精度测量距离并对齐元素。
• 取色器工具
从页面中获取任意颜色或渐变,并以 HEX、RGB 或 HSL 格式复制。
• 字体检查器
即时识别字体、字号、字重以及行高等排版信息。
• 实时页面编辑
无需打开 DevTools,直接在网页上修改文本、间距和布局。
• CSS 与样式检查器
一键查看计算样式、CSS 属性以及 Tailwind 类名。
• 响应式网格
叠加布局网格,检查不同屏幕尺寸下的列结构、间距与对齐情况。
为什么选择 Ruler Grid?
快速、轻量且直观——Ruler Grid 提供你分析网页布局所需的一切工具,让工作流程更高效,无需离开当前页面。
评分 0(1 位用户)
权限与数据
更多信息