5 items
Capture full-page screenshots and compare designs with live websites Capture full-page screenshots and compare designs with live websites (https://pixeldiff.turtle-tail.com). ๐ฏ What is pixelDiff? A pixel-perfect design comparison tool for designers and developers. Compare Figma designs with actual web implementations side by side to ensure design consistency. โจ Extension Features ๐ Automatic iframe Height Tracking - Real-time measurement of embedded webpage content height - Automatic height updates when dynamic content changes - Accurate handling of infinite scroll pages ๐ธ Full-Page Screenshot Capture - Capture long scrollable pages completely - Tile-based capture with automatic stitching for high-quality images - Support for both horizontal and vertical scrolling pages ๐ CSS Property Inspection (Edit Mode) - Hold Alt key and hover over elements to view CSS properties - Check detailed style information: colors, fonts, padding, margin, borders - Edit text content directly after selecting an element ๐ URL Change Detection - Real-time detection of URL changes within iframe - Support for SPA (Single Page Application) navigation tracking โ ๏ธ How to Use 1. Visit the pixelDiff web app at https://pixeldiff.turtle-tail.com 2. Create a project and enter the website URL to compare 3. The extension automatically activates to provide its features ๐ Privacy - Only works on the pixelDiff web app - Does not collect or transmit user data - All captured images are processed locally in your browser
rating_count is the Chrome Web Store ratings count, not a written-review count.