Item logo image for Web Ruler

Web Ruler

Item media 2 (screenshot) for Web Ruler
Item media 1 (screenshot) for Web Ruler
Item media 2 (screenshot) for Web Ruler
Item media 1 (screenshot) for Web Ruler
Item media 1 (screenshot) for Web Ruler
Item media 2 (screenshot) for Web Ruler

Overview

Show element size and CSS info in real time, with distance measuring.

A powerful browser plugin that helps you easily detect the size and CSS information of web elements, and also supports distance measurement, making web element detection simpler and more convenient!

Details

  • Version
    1.0.1
  • Updated
    October 16, 2025
  • Offered by
    杨扬
  • Size
    44.83KiB
  • Languages
    2 languages
  • Developer
    Email
    1990909398@qq.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. 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

Related

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

Code Preview Extension

4.7

Preview HTML, CSS & JS code in real-time

Measure Everything

4.7

Element distance measurement tool.

Page Ruler: Your Web Design Companion

3.3

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

Responsive Dimension Checker

5.0

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

Element Inspect

5.0

Inspect padding, margin, tag, class, and size by hovering over elements.

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

MM and CM Ruler

0.0

Elegant resizable ruler with real-time MM/CM measurements!

Tailwind responsive breakpoint display

4.5

Display screen dimensions and tailwind breakpoint prefix.

Viewport Dimensions

3.7

Displays the current viewport dimensions in real-time as you resize the browser window.

Pixel Ruler

0.0

Measure the distance between any two elements on a webpage with pixel-perfect precision

Mesurer

5.0

Measure and align elements on any website.

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

Code Preview Extension

4.7

Preview HTML, CSS & JS code in real-time

Measure Everything

4.7

Element distance measurement tool.

Page Ruler: Your Web Design Companion

3.3

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

Responsive Dimension Checker

5.0

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

Element Inspect

5.0

Inspect padding, margin, tag, class, and size by hovering over elements.

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

MM and CM Ruler

0.0

Elegant resizable ruler with real-time MM/CM measurements!

Google apps