DebugShot
Zaharia Stefan
DebugShot – Visual Bug Capture Tool 1. Select any part of your web page to instantly download two files: - Screenshot (.png) – an image of your selected area. - Debug Data (.json) – includes the selected DOM (HTML, CSS selectors), relevant Network info, and Console logs. 2. Attach these files to your AI agent and ask it to fix your bug or apply changes. 3. Enjoy debugging smarter! ------------------------------------- Release Highlights (v1.1.0) --------------------------------- - Added captureMode metadata so reports show whether a run was full-tab or area capture. - Refined area capture DOM bundles: now include only the selected element, a small parent/child context, and every computed + inline CSS property for precise styling insight. - Improved activation flow with a refresh prompt that explains why reloading preserves early console/network activity, plus automatic or manual reminders. - Hardened the popup UI: options stay disabled until DebugShot is activated, buttons show clear tooltips, and area capture is gated when screenshots are off. - Polished the popup layout with immediate “activate first” guidance and accessibility tweaks. - Bumped the extension to version 1.1.0.
