Pixeldiff Helper V1212

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