DOM analysis, performance profiling, CSS inspection, SEO audit, accessibility checks, security scanning — all in one extension. 100% local. Zero tracking.
Everything you need to inspect, debug, profile, and audit — organized in 7 logical groups with instant results.
Click any element to inspect it. Breadcrumb navigation, box model overlay, real-time CSS editing with instant feedback.
Full DOM tree analysis with complexity scoring, depth heatmaps, duplicate ID detection, orphaned nodes, and anti-pattern hints.
Computed styles, specificity conflicts, layout diagnostics, unused rule detection, live editing with color pickers and property hints.
Core Web Vitals (LCP, FID, CLS), paint metrics, resource timing, long task detection, JS execution and memory usage estimation.
Requests grouped by type and status. Timing analysis, domain mapping, slow request detection, waterfall view, and request replay.
HTTPS validation, security header audit, CSP inspection, mixed content detection, and protocol analysis.
WCAG compliance, ARIA validation, contrast analysis, landmark review, missing alt text and label detection.
Meta tags, Open Graph, canonical URLs, structured data, heading hierarchy, and indexability checks for better rankings.
Real-time error capture, console messages, unhandled promise rejections, categorized errors with full stack traces.
Script insights, memory signals, event listeners, global variables, active timers, and native override detection.
Script, CSS, and image size breakdown. Duplicate detection, resource type distribution, and transfer size metrics.
Auto-detect React, Vue, Angular, Svelte, Next.js, Nuxt, jQuery and 50+ libraries with version info and outdated alerts.
DX Score — Technical health at a glance
A single number that tells you how healthy a website is. Auto-generated from console errors, network failures, performance metrics, DOM complexity, and more.
Issues are auto-prioritized as P0 (critical), P1 (important), and P2 (optimization) — so you know exactly where to start.
Every feature is designed for speed and minimal friction — inspect, diagnose, fix, move on.
Click any element on the page to see its DOM tree, computed styles, accessibility roles, and box model — instantly.
Edit CSS and HTML in real-time. See changes instantly. No need to switch to DevTools — just click, edit, done.
Export any analysis as JSON, CSV, Markdown, or GitHub Issue. Share findings with your team effortlessly.
Use DevScope as a vertical sidebar, horizontal bottom panel, or floating overlay. Resize freely to fit your workflow.
Browse and manage LocalStorage, SessionStorage, Cookies, IndexedDB, and Cache API. One-click clear actions.
Toggle with Ctrl+Shift+D. Right-click context menu for instant element inspection. Fast access, minimal clicks.
Take your analysis anywhere — share with your team, file issues, or archive for later.
Machine-readable data for CI/CD pipelines and automation
Spreadsheet-compatible format for data analysis
Human-readable reports with tables and formatting
Export Health Report directly as a GitHub issue
DevScope speaks your language — from English to Chinese, Arabic to Korean.
No tracking, no analytics, no external connections. All page analysis runs locally in your browser.
Zero analytics, zero telemetry, zero personal data. Analysis results exist only in browser memory and are discarded when you close the tab.
Theme, language, panel mode, enabled modules — only preferences are persisted, all locally in your browser. Nothing leaves your device.
No external servers, APIs, or services contacted — ever. DOM, CSS, JS, performance, accessibility, and SEO analysis all runs in your browser.
Only activeTab for page analysis, storage for preferences, scripting to inject the analysis panel, and contextMenus for the right-click inspect option.
Runs inside a Shadow DOM to prevent interference with inspected pages. No remote code — everything is bundled in the extension package.
Free and privacy-first. Install in seconds.