Item logo image for Box Trace

Box Trace

Item media 1 (screenshot) for Box Trace

Overview

Hover elements to inspect content, padding, border, and margin box sizes.

Box Trace shows box-model sizes when you hover elements on a page. How it works: • Open a normal http or https page • Click the extension icon and tap Enable on this tab • Hover any element • See content size plus padding, border, and margin in a tooltip • Disable on this tab when you are done Details: • Useful for spacing and layout debugging • Active only on the tab where you enable it • Works only on regular websites — not on chrome:// pages • No account and no cloud sync Privacy: • Does not store or upload page content • Nothing is sent to a server • Works offline after install

Details

  • Version
    1.0.0
  • Updated
    July 22, 2026
  • Size
    10.88KiB
  • Languages
    English
  • Developer
    Email
    mayzervan9@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

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

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

Related

Responsive Dimension Checker

5.0

Hold Alt key to check dimensions of elements on webpage. Shows width and height in real-time.

Element Size Measurement

3.7

A Chrome extension that measures the size of elements when hovering over them.

Border Patrol – CSS Debugger & Element Outliner

5.0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

Spacing Trace

5.0

Color-code margin / padding / gap by property on web pages, with a floating menu and badges for quick inspection.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Design Tool

5.0

Figma-style inspection for any website. Hover for type styles, click two elements to measure the gap, see the spacing box.

Show All Padding & Margins

4.6

Highlights margins and padding for all HTML elements in any webpage.

Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

0.0

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Pesticide - Advanced CSS Debugger

4.9

Not only inserts outlines (without background color) on all elements, but also inspects size and layout. CSS is awesome!

Page Ruler by Browserling – Measure Pixel Distance

5.0

Measure webpage elements, distances, sizes, and angles in pixels with an accurate browser ruler.

Design Inspector

5.0

Hover over any element to instantly inspect fonts, colours, spacing, images and design tokens.

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

Responsive Dimension Checker

5.0

Hold Alt key to check dimensions of elements on webpage. Shows width and height in real-time.

Element Size Measurement

3.7

A Chrome extension that measures the size of elements when hovering over them.

Border Patrol – CSS Debugger & Element Outliner

5.0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

Spacing Trace

5.0

Color-code margin / padding / gap by property on web pages, with a floating menu and badges for quick inspection.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Design Tool

5.0

Figma-style inspection for any website. Hover for type styles, click two elements to measure the gap, see the spacing box.

Show All Padding & Margins

4.6

Highlights margins and padding for all HTML elements in any webpage.

Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

0.0

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Google apps