SpacingJS
- Live on Store
Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.
Precision spacing measurement tool for web developers and designers. Measure distances, margins, and padding between webpage elements with pixel-perfect accuracy.
🎯 How to Use:
1. Click the extension icon to activate SpacingJS
2. Hold Alt (Windows) / Option (Mac) and hover over any element
3. Move cursor to another element to see precise measurements
4. Click the icon again to deactivate
⌨️ Quick Access:
- Ctrl+Shift+S (Windows) / Cmd+Shift+S (Mac) to activate
- Alt+S to toggle on/off
✨ What's New in v1.1.0:
- Smart Toggle: Visual feedback shows when active (green dot on icon)
- Keyboard Shortcuts: Quick activation with hotkeys
- Enhanced Measurements: Shows element tag, class, and font size
- Better Compatibility: Works with all element types including SVG
💡 Pro Tips:
- Hold Shift to keep measurements visible longer (perfect for screenshots)
- Works on any website (except browser internal pages)
Perfect for designers, developers, and QA teams who need precise measurements for pixel-perfect layouts.
Latest reviews
Doesn't work on the browser
建议作者加个开关按钮呢,这样容易判断是否可以使用
还需要手动导入js文件? 那这个插件为啥不自动导入呢,奇怪啊
确实好用,前面有个老哥说插件加个“开/关”按钮,我也这么觉得
not enough on/off button
not enough on/off button
需要点一下icon才能用
阿芬出品,前来支持!
YYDS
YYDS
阿芬出品,前来支持!
阿芬出品,前来支持!
阿芬出品,前来支持!