Focus: The Elements - DOM Inspector & Editor

DOM Inspector & Editor, inspect and edit HTML element styles directly on any page.

It is a lightweight DOM Manipulation Tool and powerful browser extension that helps developers, designers, and curious learners inspect and edit any webpage in real time. With a simple hover or double-click, you can instantly view detailed information about HTML elements such as width, height, font size, font family, font weight, colors, margins, padding, and background. The inline editor lets you change styles directly on the page with live updates, making it easy to experiment, debug, and customize without touching the source code. Whether you’re testing layouts, fine-tuning typography, or exploring how websites are built, this extension gives you a fast and intuitive way to take full control of the DOM.