Distance Calculator

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

As of May 2026, Distance Calculator has 12 users in the Developer Tools category.

Usersdown 14.3 percent14.3%
12
12
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.0

History

3 snapshots

Tracking since Apr 20, 2026.

14.161311.84Apr 20, 2026May 30, 2026
View as table
DateUsersRatingReviewsVersion
Apr 20, 2026141.0
May 6, 2026121.0
May 30, 2026141.0
Now121.0

Permissions & access

Permissions
None declared
Host access
None declared

Screenshots

Distance Calculator screenshot 1Distance Calculator screenshot 2

About

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

Technical

Version
1.0
Manifest
Size
1019KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
ibpngeoaldoagjkfmhonhghonjdjienn
Developer ID
u5b8e71225b7e23fac5822cb7d0c2d70a
Developer Email
[email protected]
Created
Sep 16, 2025
Last Updated (Store)
Sep 16, 2025
Last Scraped
May 30, 2026
Website

Similar extensions

Alternatives to Distance Calculator, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified May 30, 2026.