InspectDev 作者： Kamal Hosen

InspectDev is an all-in-one browser toolkit for inspecting, debugging, editing, and analyzing webpages. Replace multiple single-purpose extensions with one fast toolbar built for everyday web work.

No popup to click through. Hit the toolbar icon or press ⌘K / Ctrl+K to open the command palette directly on the page you're working on. Pick a tool, get what you need, and continue working.


🟢 CSS Inspector — Inspect computed styles, inherited CSS, the box model, spacing, typography, and CSS properties.

🟢 Layout Tools — Visualize and debug Flexbox and CSS Grid layouts directly on the page.

🟢 Page Outliner — View the structure and hierarchy of elements on a webpage.

🟢 Page Ruler — Measure distances, width, height, spacing, and alignment between elements.

🟢 Responsive Checker — Test pages at different viewport sizes and breakpoints without constantly resizing your browser.

🟢 Move / Delete Element — Move or remove elements from the page to test different layouts and page structures.


🟢 Color Picker — Pick any color from a webpage and copy its HEX, RGB, or HSL value.

🟢 Color Palette — Identify the colors used across a webpage.

🟢 Contrast Checker — Check color combinations against WCAG accessibility contrast requirements.

🟢 List Fonts — Find the fonts, weights, and styles used on a webpage.

🟢 Font Changer — Temporarily change fonts on a webpage to preview different typography.


🟢 Extract Images — Find and export images used on a webpage.

🟢 Export Element — Export selected webpage elements as HTML.

🟢 Table Capture — Extract HTML tables and save the data as CSV.

🟢 Page → Markdown — Convert webpage content into clean Markdown.

🟢 Email Finder — Find email addresses displayed on the current webpage.


🟢 Local Storage Manager — View, edit, and manage localStorage data.

🟢 Storage Inspector — Inspect localStorage and sessionStorage while troubleshooting webpages and web applications.

🟢 Cookie Editor — View, edit, add, and delete cookies for the current domain.


🟢 SEO / Meta Inspector — Inspect page titles, meta descriptions, canonical URLs, Open Graph data, and other page metadata.

🟢 Meta Preview — Preview important search and social metadata.

🟢 Broken Link Checker — Check links on a webpage and identify broken URLs.

🟢 Page Speed Insights — View useful information about page performance.

🟢 Accessibility Checker — Identify common accessibility issues and review page structure and contrast.


🟢 Live Text Editor — Edit webpage text directly and preview changes instantly.

🟢 UTM Builder — Create campaign URLs with UTM parameters.

🟢 Command Palette (⌘K / Ctrl+K) — Quickly find and launch any InspectDev tool.


InspectDev keeps all these tools together in one browser toolbar. You can inspect styles, measure elements, test layouts, check page information, edit content, and extract data without switching between multiple extensions.

Each tool works directly on the webpage you're viewing, so you can investigate an issue or test an idea without leaving your current workflow.

Free tools are available immediately after installation. A 3-day Pro trial unlocks the full toolkit. After the trial, Pro is available as a one-time purchase with no recurring subscription.

Works on Firefox, Chrome, Edge, and other Chromium-based browsers.