LinkLens - SEO Link Highlighter & Inspector

Description

Visualizes and audits link structures directly on web pages with beautiful color-coding and an interactive Side Panel inspector. LinkLens is a premium, high-utility SEO and developer tool that transforms how you inspect and audit web page link structures. By providing color-coded visual feedback directly on the webpage and an interactive side-panel, LinkLens lets you understand internal linking, check for broken URLs, and audit index attributes in seconds. Key Features: - Direct-On-Page Highlighting: Instantly color-code all links on any page. Easily distinguish between internal, external, nofollow, sponsored/UGC, and broken links with a gorgeous color-coding system. - Premium Light & Dark Themes: Sleek space-black dark theme and clean slate-sapphire light theme styled with custom HSL tokens, switchable instantly via a rotating Sun/Moon toggle. - 4 Highlighting Style Methods: Customize how page links are visualized. Switch between Underline & Icon Badge, Glassmorphic Capsule Tags, Sleek Outline, or Minimal Dot. - Live DOM Auto-Sync & SPA Support: Optimized, debounced MutationObserver automatically monitors dynamic page links (e.g. Infinite Scroll, client-side React/Next.js SPA routing transitions) to keep the panel and highlights perfectly in sync. - Interactive Side Panel Inspector: Keep your inspector open side-by-side as you navigate. Dissect any link's anchor text, fully resolved destination URL, follow status, target behavior, and title attributes at a glance. - Real-Time Link Status Audit: Run asynchronous, throttled parallel HTTP status code audits to detect broken URLs (404s, redirect chains, and network failures) directly in your browser. Bypasses CORS constraints. - "Click to Inspect" Mode: Toggle inspect mode and click any link on the webpage to instantly focus on it in the Side Panel, blocking normal navigation so you don't lose your auditing context. - High-Performance Rendering: Utilizes requestAnimationFrame batching and thread yielding to scan massive sites with thousands of links seamlessly without layout thrashing or browser freezing. - Search and Filtering: Quickly search links by destination URL or anchor text, and filter rows by clicking chips (Internal, External, UGC, Broken, etc.). - Stateful Connection Auto-Recovery: Gracefully handles extension context invalidation and page refreshes with helpful contextual alerts instructing the user to reload the tab or warning about non-HTTP/HTTPS pages. How to Use LinkLens: 1. Click the LinkLens icon in your extension bar to open the side panel. 2. Toggle "Highlight Links" to color-code the page layout. 3. Turn on "Link Inspect Mode" and click any link on the webpage to see its meta-properties instantly. 4. Click "Run Status Audit" to verify the HTTP status codes of all links. 5. Search, filter, and hover over rows in the panel to flash links on the page. Privacy Note: LinkLens processes all pages and links locally on your device. We do not transmit web histories, personal information, or audit results off-device.

Details & SEO