Measures

A tool for measuring the dimensions, spacing, and distances between elements on any website.

Usage

Add the code below to bookmarks and activate it on any website.

javascript:(()=>{const s=document.createElement('script');s.src='https://unpkg.com/@dinvader/measures';s.defer=true;document.head.appendChild(s)})();

Guide

• Mouse

  • Hover over an element to see its dimensions.
  • Hold Shift and hover over another element to see the distance between them.

• Keyboard

  • Press T to toggle tracking of text nodes.
  • Press A to pin the dimensions of the selected elements.
  • Press Esc to clear the pinned elements.