Skip to main content

Screenshot Capture Guide

Overview​

CrossCheck's screenshot feature provides powerful tools to capture visual evidence with precision and flexibility. Whether you need to document UI elements, capture error messages, or create comprehensive page documentation, CrossCheck offers multiple capture modes and timing options to meet your needs.

Screenshot Capture Modes​

CrossCheck provides three distinct screenshot capture modes, each designed for specific use cases and documentation requirements.

1. Selected Area Capture​

Best For: Focusing on specific UI elements, error messages, or particular sections of a webpage.

How to Use​

  1. Access the Extension
    • Click the CrossCheck extension icon in your browser toolbar
    • The extension popup will appear with capture options
  2. Select Capture Mode
    • Click Selected Area in the screenshot section
    • The extension prepares for area selection
  3. Choose Time Delay (Optional)
    • Options: 0s (instant), 3s, or 5s
  4. Select Your Area
    • Click and drag to create a rectangle around the target area
  5. Capture
    • Release to confirm, screenshot is taken automatically

When to Use​

  • UI element documentation
  • Error messages
  • Feature highlighting
  • Bug reports
  • Design feedback

Benefits​

  • Focused documentation
  • Reduced file size
  • Privacy control
  • Professional presentation
  • Faster upload & sharing

2. Visible Area Capture​

Best For: Capturing exactly what’s visible on screen.

How to Use​

  1. Click the CrossCheck extension icon
  2. Select Visible Area
  3. Choose optional delay (0s, 3s, 5s)
  4. Click to capture

When to Use​

  • Current page state
  • Responsive design testing
  • Quick documentation
  • Layout verification
  • UI review

Benefits​

  • Instant capture
  • Contextual accuracy
  • Consistent results
  • Fast documentation

3. Full Page Capture​

Best For: Capturing an entire webpage, including content that requires scrolling.

How to Use​

  1. Open the extension → Screenshot section
  2. Select Full Page
  3. Set delay if needed (useful for dynamic content)
  4. Click capture → extension scrolls automatically

When to Use​

  • Complete page documentation
  • Long-form content
  • Bug reports needing full context
  • Design reviews
  • Content verification

Benefits​

  • Complete documentation
  • No manual scrolling
  • Comprehensive context
  • High-quality results
  • Time-saving

Time Delay Options​

CrossCheck offers flexible delay settings: 0s, 3s, 5s.

  • 0 Seconds (Instant): Best for static pages, quick captures
  • 3 Seconds: Good for animations, transitions, or loading states
  • 5 Seconds: Ideal for complex interactions or multi-step workflows

Screenshot Workflow​

  1. Prepare Content
    • Load the target page fully
    • Set up dynamic content
  2. Choose Capture Method
    • Selected Area / Visible Area / Full Page
  3. Set Delay
    • Based on page complexity
  4. Execute Capture
    • Click capture, wait for countdown if applicable
  5. Review & Save
    • Preview, annotate, and save

Best Practices​

Before Capture​

  • Wait for all content to load
  • Use correct zoom level (100%)
  • Clear browser clutter

During Capture​

  • Use appropriate delay
  • Avoid unnecessary movements
  • Watch capture progress

After Capture​

  • Verify quality
  • Add context with annotations
  • Organize using tags/projects
  • Share with team

Advanced Features​

Annotation Tools​

  • Text Annotations: Explanatory notes, step numbers
  • Drawing Tools: Arrows, boxes, highlights
  • Highlighting: Emphasize areas with colors

Technical Metadata​

  • URL, timestamp, browser details, OS, resolution, network info

Quality Settings​

  • Automatic optimization
  • File size management
  • Compression for sharing

Troubleshooting Screenshot Issues​

  • Not Capturing: Reinstall extension, refresh browser
  • Poor Quality: Reset zoom, ensure page fully loaded
  • Area Selection Problems: Use visible/full page modes
  • Delay Issues: Adjust to match page complexity

Performance Optimization​

  • Close unused apps & tabs
  • Update browser and extension
  • Clear cache
  • Ensure system resources are sufficient

Integration with Workflow​

Organization​

  • Use descriptive tags
  • Assign screenshots to projects
  • Clean up old data regularly

Sharing​

  • Share with team
  • Add annotations for clarity
  • Manage permissions appropriately

Quality Assurance​

  • Verify capture quality
  • Validate context & annotations
  • Maintain consistency in documentation

By following this guide, you’ll create high-quality, professional screenshots for documentation, bug reports, and collaboration using CrossCheck.