SpacingJS icon

SpacingJS

Extension Actions

How to install Open in Chrome Web Store
CRX ID
fhjegjndanjcamfldhenjnhnjheecgcc
Status
  • Live on Store
Description from extension meta

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Image from store
SpacingJS
Description from store

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
阿芬出品,前来支持!