Distance Calculator

ExtensionDeveloper Tools4 users

Overview

A minimal Chrome extension (MV3) with popup, content script and service worker.

Extension to calculate distance between html elements. Basic Measurement 1. Click the extension icon to open the popup 2. Click "Start measuring" to activate measurement mode 3. Click on the first element (green outline appears) 4. Click on the second element (yellow outline appears) 5. Horizontal and vertical distance lines appear with pixel measurements Keyboard Shortcuts 1. r : Restart measurement(clears all previous measurements and starts fresh) 2. ESC: Stop measuring and clear all overlays Visual Elements 1. Blue highlight: Hover preview of target element 2. Green outline: First selected element 3. Yellow outline: Second selected element 4. Red line: Horizontal distance measurement 5. Green line: Vertical distance measurement 6. Black labels: Distance values in pixels 7. Small crosshair: Follows cursor for precise targeting

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0
Updated
September 15, 2025
Flag concern
Size
1019KiB
Languages
English
Developer
Email
surajkumar7091@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site