Screen Ruler
Measure, inspect and edit live web pages instantly
Screen Ruler is a Chrome extension that helps designers and developers measure, inspect, and edit live web pages with precision. It displays matched CSS rules, allows inline style editing, supports hover, focus, and media query states, and tracks every modification in one place. Built to streamline UI debugging and front end development, it provides a faster and more efficient way to refine web interfaces directly in the browser.