DevRuler Pro

5.0(

1 rating

)

Item media 1 (screenshot) for DevRuler Pro

Overview

Layout debugging: rulers, responsive testing, box model visualization, overflow detection & breakpoint diffing — no DevTools needed.

Measure anything. Inspect everything. Test every breakpoint. All without opening DevTools. DevRuler Pro gives designers, developers, and QA engineers a floating toolbar that lives right on your page — pixel-perfect rulers, element inspection, responsive previews, and overflow detection in one lightweight extension.

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
1.0.0
Updated
February 17, 2026
Flag concern
Offered by
ss0347404
Size
34.63KiB
Languages
English
Developer
Email
usamatariq5446@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. 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

Layout Inspector

5.0

Debug and inspect layouts by outlining elements with Layout Inspector to fix design issues quickly.

Screen Resolution Size Detector

0.0

Instantly check screen resolution, viewport size, device info and test responsive layouts with one click.

Designer Toolkit

0.0

Toolkit for designers and developers. Pick colors, grab fonts, check WCAG contrast, simulate color blindness and more.

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

LambdaTest Accessibility DevTools

4.9

LambdaTest Accessibility DevTools - The Go-to Accessibility Auditor for Developers, Testers, and Product Managers.

Page Ruler

3.1

Page Ruler: Drag guidelines and inspect element properties for perfect UI practice in browser.

Screen Sizes

4.4

This extension displays grid and measurement overlays for a design grid system.

Testing Toolkit: 15+ Essential Manual Testing Tools

4.9

Redefine manual testing with best-in-class tools, supercharged with AI. JSON Formatter, Cache Manager, Responsive testing & more

Designer Tools

4.6

A collection of tools to help you design and develop websites with precision.

Dimensions

4.2

A tool for designers to measure screen dimensions

HackTools++

4.7

HackTools++: Repeater, Intruder, Decoder, and Scanner in DevTools. Capture, edit, and replay HTTP requests for testing.

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.