SpacingJS

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 2024-08-01

Doesn't work on the browser

H星 2022-03-08

建议作者加个开关按钮呢,这样容易判断是否可以使用

李高阳 2021-11-18

还需要手动导入js文件? 那这个插件为啥不自动导入呢,奇怪啊

Graham Quan 2021-11-18

确实好用,前面有个老哥说插件加个“开/关”按钮,我也这么觉得

Дмитрий Тихонов 2021-11-16

not enough on/off button

Дмитрий Тихонов 2021-11-16

not enough on/off button

李海玉 2021-11-15

需要点一下icon才能用

德鲁叔叔 2021-11-14

阿芬出品,前来支持!

方言 2021-11-13

YYDS

方言 2021-11-13

YYDS

Xavier Lau 2021-11-13

阿芬出品,前来支持!

何云沐 2021-11-12

阿芬出品,前来支持!

Yuxin Zhang 2021-11-12

阿芬出品,前来支持!

Statistics

Installs
1,000
Market
Chrome Web Store
Category
Rating
4.6 (10 votes)
Last update
2025-06-18
Version 1.1.0
Languages