What is it?
This is the core interface for reviewing detailed visual comparisons and identified "issues" once a probe has been processed. It aggregates all comparison results into a single, interactive view, enabling efficient review and debugging.
How it works
The Probe Detail View provides a versatile canvas to inspect results and an issues overview sidebar to see a list of discrepancies. You can switch between different comparison modes to get a clear understanding of what needs to be fixed.
Getting Started:
1. Open an existing probe by clicking it on your home screen, or be redirected here after creating a new one.
2. Review the default view, which displays your live webpage with visual annotations for detected issues.
3. Switch between views using the buttons above the canvas. You can use
Split View to wipe between the design and webpage, Overlay Mode to blend them, or Diff Mode to highlight every difference.
4. Use the issues sidebar to review the numbered list of issues, which correspond to the annotations on the canvas. You can filter issues by category, such as
Typography or Layout & Spacing, to focus on specific types of problems.
