SpacingJS
Extension Actions
- 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
- Steve Znag
- Doesn't work on the browser
- H星
- 建议作者加个开关按钮呢,这样容易判断是否可以使用
- 李高阳
- 还需要手动导入js文件? 那这个插件为啥不自动导入呢,奇怪啊
- Graham Quan
- 确实好用,前面有个老哥说插件加个“开/关”按钮,我也这么觉得
- Дмитрий Тихонов
- not enough on/off button
- Дмитрий Тихонов
- not enough on/off button
- 李海玉
- 需要点一下icon才能用
- 德鲁叔叔
- 阿芬出品,前来支持!
- 方言
- YYDS
- 方言
- YYDS
- Xavier Lau
- 阿芬出品,前来支持!
- 何云沐
- 阿芬出品,前来支持!
- Yuxin Zhang
- 阿芬出品,前来支持!