应用截图
详细介绍
面向网页开发者和设计师的精确间距测量工具。按住 Alt/Option 键并将鼠标悬停在元素上即可测量。
面向网页开发者和设计师的精确间距测量工具。以像素级精度测量网页元素之间的距离、外边距和内边距。
🎯 使用方法:
1. 点击扩展程序图标,启用 SpacingJS
2. 按住 Alt(Windows)或 Option(Mac),并将鼠标悬停在任意元素上
3. 将光标移至另一个元素,查看精确测量结果
4. 再次点击图标以停用
⌨️ 快速访问:
- Ctrl+Shift+S(Windows)或 Cmd+Shift+S(Mac)启用
- Alt+S 切换开启或关闭
✨ v1.1.0 更新内容:
- 智能切换:通过视觉反馈显示启用状态(图标上出现绿点)
- 键盘快捷键:使用快捷键快速启用
- 增强测量:显示元素标签、类名和字体大小
- 更好的兼容性:支持包括 SVG 在内的所有元素类型
💡 使用技巧:
- 按住 Shift 可让测量结果显示更长时间,适合截图
- 适用于任何网站(浏览器内部页面除外)
适合需要精确测量以实现像素级布局的设计师、开发者和 QA 团队。