DevAudit - Web Inspector & SEO Audit

DevAudit - Web Inspector & SEO Audit The all-in-one browser extension for web developers, SEO specialists, and digital marketers. Audit any webpage in seconds – no external tools, no account required, everything runs locally in your browser. ──────────────────────────────────────── 🔍 SEO AUDIT & CORE WEB VITALS ──────────────────────────────────────── Run a full on-page SEO audit with one click. DevAudit analyzes: • Title tag, meta description, canonical URL, robots directives • Open Graph & Twitter Card tags for social sharing previews • Heading structure (H1–H6) – hierarchy, duplicates, missing tags • Image alt attributes – find missing or empty alt text instantly • Internal & external links – detect broken links (404 checker) • JSON-LD structured data & Schema.org microdata (itemtype) • Core Web Vitals – LCP, FID/INP, CLS measured live on the page • Page speed metrics via Navigation Timing & Resource Timing API • Well-known files: robots.txt, sitemap.xml, security.txt, ads.txt, humans.txt, llms.txt – fetched and validated automatically • Tracker detection – Google Analytics, GTM, Meta Pixel, and more • Word count, favicon check, viewport meta, hreflang tags Export your audit results as JSON or Markdown for client reports. View SEO audit history for up to 50 recent pages. ──────────────────────────────────────── 🎨 COLOR PICKER & EYEDROPPER ──────────────────────────────────────── Pick any color from any webpage with pixel-perfect accuracy. • Uses the native EyeDropper API for precision sampling • Fallback canvas-based picker works on every page including images and SVG files • Copies color in HEX, RGB, or HSL – your preferred format • Saves up to 20 recently picked colors across sessions • Works on images, SVGs, gradients, and canvas elements ──────────────────────────────────────── 📸 SCREENSHOTS & ANNOTATIONS ──────────────────────────────────────── Capture, annotate, and share webpage issues without leaving the browser. • Full-viewport screenshot with one click • Rectangle crop tool – select exactly the area you need • Copy screenshot to clipboard or download as PNG • Save up to 20 screenshots with URL, title, and optional note • Pin annotations directly on the page – notes, bug reports, feature requests, design reviews • Tag annotations as Bug / Feature / Idea / Review / Note • Color-coded pins for visual organization • Up to 200 annotations stored locally, organized by page URL ──────────────────────────────────────── 🛠️ DEVELOPER TOOLBAR & DEBUG PANEL ──────────────────────────────────────── A draggable, always-available on-page toolbar built for devs. • Drag and drop to any position on the screen – remembers placement • Customize which tools appear in the toolbar • Quick access to SEO audit, color picker, screenshots, annotations, and page information from any page • Debug panel: inspect cookies (name, value, domain, path, flags), localStorage and sessionStorage of the visited page • Performance overlay with live Core Web Vitals indicators • Context menu integration – right-click any page to run SEO audit or toggle the toolbar ──────────────────────────────────────── 🤖 BUILT FOR AI-ASSISTED DEVELOPMENT ──────────────────────────────────────── DevAudit fits naturally into modern AI coding workflows – whether you use Cursor, Claude Code, GitHub Copilot, or any other AI assistant. • Screenshot a broken UI, copy it to clipboard, paste directly into your AI chat as visual context • Annotate the exact element that needs fixing – pin a Bug note on the page, copy the annotation text, send it as a prompt • Run an SEO audit, export as Markdown, paste the report into your AI assistant to generate fixes or content improvements • Pick a color from a live design, copy the HEX value, use it instantly in a prompt ("change the button to #E84C3D") • Capture a reference screenshot of a competitor's layout, annotate what you want to replicate, feed it to your AI • Copy structured audit data (JSON export) as context for automated fixes – no manual copy-pasting from DevTools Stop switching between browser, DevTools, screenshot apps, and AI chats. DevAudit keeps everything one click away so your AI prompts are faster, richer, and more precise. ──────────────────────────────────────── 🔒 PRIVACY FIRST – 100% LOCAL ──────────────────────────────────────── DevAudit is built with a strict privacy-first architecture: • Everything runs on your device – no cloud, no servers • No analytics, no telemetry, no tracking (no Google Analytics, Sentry, Mixpanel, or similar) • Your notes, screenshots, color picks, and audit results are stored only in chrome.storage.local – never transmitted anywhere • No account required, no sign-up, no email • All libraries (React, Lucide icons) are bundled locally – no external CDN requests at runtime • During SEO audit: limited HEAD requests to check broken links and fetch robots.txt / sitemap.xml – no personal data included • Full data export/import as local JSON backup – you own your data ──────────────────────────────────────── ⚙️ KEY FEATURES AT A GLANCE ──────────────────────────────────────── ✓ On-page SEO audit with 30+ checks ✓ Core Web Vitals (LCP, INP, CLS) live measurement ✓ Broken link checker ✓ Meta tag & Open Graph inspector ✓ Structured data / JSON-LD viewer ✓ Pixel-perfect color picker & eyedropper ✓ Full-page & crop screenshots ✓ Page annotations & bug reporting ✓ Cookie & storage inspector (Debug panel) ✓ Draggable floating toolbar ✓ SEO audit history (last 50 pages) ✓ Export reports as JSON or Markdown ✓ Light & dark mode ✓ Works on HTTP and HTTPS pages ✓ No account, no subscription, no data collection ──────────────────────────────────────── 👨‍💻 WHO IS DEVAUDIT FOR? ──────────────────────────────────────── • Web developers who need quick page inspection and debugging • SEO specialists running technical on-page audits • Digital marketers checking meta tags and social previews • QA engineers annotating bugs d…