Item logo image for DevRuler Pro

DevRuler Pro

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.

Details

  • Version
    1.0.0
  • Updated
    February 17, 2026
  • 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

Related

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Screen Resolution Size Detector

0.0

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

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool

4.2

Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.

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

2.5

Page Ruler: Drag guidelines and inspect element sizes for perfect UI alignment in Chrome.

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

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

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.

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Screen Resolution Size Detector

0.0

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

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool

4.2

Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.

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

2.5

Page Ruler: Drag guidelines and inspect element sizes for perfect UI alignment in Chrome.

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

Screen Sizes

4.4

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

Google apps