Introduction

InspectDev is a browser extension that bundles the utilities frontend developers and designers reach for every day into a single, fast panel. Instead of jumping between separate extensions or digging through DevTools for basic tasks, you get a cohesive toolkit that lives in your browser toolbar.

What's Included

InspectDev ships with a growing set of tools:

• Element Inspector — inspect any element's CSS, computed styles, box model, and ARIA attributes without leaving the page
• Color Picker — grab the exact hex, RGB, or HSL value of any on-screen pixel
• Screenshots — capture the full page, visible viewport, or a selected area, with optional annotations
• Responsive Viewer — preview your page at common breakpoints side by side
• SEO Meta Inspector — scan the current page's meta tags, Open Graph, and structured data
• CSS Inspector — browse and edit live styles with immediate visual feedback

And more: Local Storage Manager, Page Ruler, Web Scraper, Cookie Editor, Accessibility Tools, UTM Builder, Table Capture, and a dozen other utilities.

Key Principles

One extension, all the tools. No shopping for five separate extensions to get inspector + color picker + screenshot. InspectDev puts everything behind a single icon.

Fast and private. Tools load on demand and run entirely in your browser. Nothing is sent to a server. There are no analytics pings, no data collection, no accounts required for the free tier.

Built for developers, by developers. The interface is keyboard-friendly, the output is copy-paste ready, and every tool is designed to get you the information you need in as few clicks as possible.

Getting Help

If you run into trouble, check the other docs in this section for installation guides and feature walkthroughs. For issues, bug reports, or feature requests, reach out through our support page.