DevAudit - Web Inspector & SEO Audit

About

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 directly on live pages
• Designers picking colors and capturing UI references
• Freelancers creating client-ready SEO reports

────────────────────────────────────────
📦 TECHNICAL DETAILS
────────────────────────────────────────

• Manifest V3 – built to the latest Chrome extension standards
• Vite + React 18 + TypeScript under the hood
• Uses native browser APIs: EyeDropper, Navigation Timing,
  Resource Timing, PerformanceObserver, captureVisibleTab
• Permissions used: activeTab, storage, tabs, scripting,
  contextMenus, cookies, alarms – all justified, none superfluous
• Found a bug or have a suggestion? Use the Feedback form
  in the extension's Options page - no account needed.

Made with ❤️ by AnyServ – anyserv.eu