PageLens — Screenshot & Web Inspector

PageLens is a screenshot and web inspector extension for Chrome, Edge, Brave, Arc, and all Chromium browsers. Capture any webpage in 10 modes, inspect HTML code, CSS properties, animations, pick colors, and run a full SEO/GEO audit — all in one click, directly from your browser toolbar. 100% local. No account required. No data collected. No backend. Completely free. --- 10 CAPTURE MODES -> Full Page Screenshot Captures the entire webpage as a single high-resolution image, including content below the fold. PageLens scrolls and stitches the page automatically, hiding sticky headers and fixed elements for a clean result. -> Visible Area Screenshot Captures exactly what is visible in your browser viewport at the moment of the click. The fastest way to grab the current screen. -> Selected Zone Draw a custom selection on any part of the page. Precise crop handles let you define the exact area. Perfect for isolating a specific section without post-capture cropping. -> Element Picker Hover over any DOM element to highlight it, then click to capture it as a standalone image. PageLens snaps precisely to the element boundaries using getBoundingClientRect — no manual alignment needed. -> Element + Code Inspector Captures any element and extracts its clean HTML structure in the same image. The code panel shows syntax-highlighted markup directly below the visual capture. Useful for developers reviewing component structure or QA teams documenting bugs. -> Element Design Inspector Captures any element alongside its full computed CSS properties: dimensions, colors with hex codes, typography, spacing, borders, and more. Everything needed to reproduce or audit a component without opening DevTools. -> Element Motion Inspector Captures any element with its animation and transition data: CSS transitions, keyframe animations, transform states, will-change values, and interactivity properties. Essential for frontend developers and motion designers debugging animation behavior. -> Element SEO/GEO Audit Runs an 8-section audit on the current page: meta title and description, heading hierarchy, image alt attributes, internal and external links, Open Graph tags, JSON-LD structured data, and page-level signals. The result is exported as a single shareable image. -> Delayed Capture Sets a countdown before the capture fires. Use it to capture tooltips, hover states, dropdown menus, and any dynamic UI element that disappears when you interact with the popup. The delay duration is adjustable in the settings panel. -> Color Picker Picks the exact color of any pixel on the page and copies the hex code to clipboard. Useful for designers extracting colors from live websites without switching to a separate tool. --- SETTINGS PANEL PageLens includes a built-in settings panel accessible directly from the popup. Display mode: switch between icon grid view and labeled list view depending on your preference. Auto-copy clipboard: toggle automatic clipboard copy on or off after each capture. Capture delay: adjust the delay duration for the Delayed Capture mode using a slider. Notification position: configure where the post-capture toast appears on the screen. --- AFTER EVERY CAPTURE Every capture mode automatically copies the result to your clipboard as a PNG image. A toast notification confirms the copy with a Save button and a 10-second auto-dismiss timer. Save as PNG for lossless quality or as PDF using the browser's native print engine. --- WHO USES PAGELENS -> Web Developers Inspect component HTML and CSS without opening DevTools. Capture element structure, computed styles, and animation properties as shareable images. Pick exact colors from any live page. -> UI/UX Designers Extract color codes, font stacks, spacing values, and border styles from any live website. Capture design references and UI patterns with the visual data embedded in the image. -> SEO Specialists Run instant page audits capturing meta tags, heading structure, image alt text, link distribution, Open Graph data, and JSON-LD structured data. Export the audit as a single image for client reports. -> GEO Practitioners Audit structured data, semantic HTML structure, and content organization for AI-generated search results. Verify JSON-LD schemas, entity markup, and heading hierarchies — the signals that matter for visibility in generative search engines. -> QA Engineers Document visual bugs with precise element captures. Screenshot specific UI states including hover effects and delayed elements without leaving the browser. -> Freelancers and Agencies Capture client websites for audits, proposals, and reports. Export clean images for presentations. Share SEO and design data without access to the client's codebase. --- WHY PAGELENS IS DIFFERENT Most screenshot extensions do one thing. PageLens was built for professionals who need the full picture. No other Chrome extension combines all of the following in a single tool: full page screenshot with scroll-stitch, DOM element capture with pixel-perfect boundaries, HTML code extraction with syntax highlighting, computed CSS inspection, animation and transition capture, color picking with hex output, SEO/GEO page audit with structured data, delayed capture for dynamic UI states, automatic clipboard copy, and PNG and PDF export. No subscription. No watermark. No account. No data sent anywhere. --- PRIVACY AND SECURITY PageLens runs entirely inside your browser. No data is ever sent to external servers. No browsing history is tracked. No page content is uploaded or stored remotely. All processing happens locally using native Chrome extension APIs. Permissions used: activeTab to access the current tab on explicit user action, scripting to inject the overlay interface, clipboardWrite to copy captures to clipboard, offscreen for canvas processing, storage to save user preferences, and downloads to save files locally. --- TECHNICAL DETAILS Built with Chrome Manifest V3. Compatible with …