Documentation

Learn how to install, configure, and get the most out of every InspectDev tool.

Introduction

Get started with InspectDev — the browser extension that puts a full suite of dev and design tools right in your sidebar.

How to install InspectDev on Chrome, Edge, Brave, Opera, and other Chromium-based browsers.

A quick tour of InspectDev — how to open the panel, find your tools, and configure settings.

Inspect any element's styles, box model, accessibility attributes, and more — all from the side panel.

Grab the exact color of any on-screen pixel with support for hex, RGB, HSL formats, and a built-in palette history.

Capture the full page, visible viewport, or a selected region — with annotation options and one-click export.

Preview a page at phone, tablet, and desktop widths side by side — and catch overflow before it ships.

Edit any text directly on the page and see the layout reflow as you type — ideal for copy tweaks and screenshot-ready mockups.

Find every image on a page — <img> elements, CSS backgrounds, and inline SVG — then download them one by one or all at once.

See every font family in use on a page, with its category and a live preview rendered in text taken from the page itself.

Scan the current page for email addresses and copy them in one click. Nothing is sent anywhere.

Audit a page's meta tags, social cards, and structured data with a weighted score and a categorized list of what needs fixing.