Screenshots
browser_take_screenshot
Capture the current page, a specific element, or the full scrollable page.
| Parameter | Type | Required | Description |
|---|---|---|---|
type | string | no | png (default) or jpeg |
ref | string | no | Element ref to screenshot a specific element |
fullPage | boolean | no | Capture full scrollable page |
Page screenshot
You: Take a screenshot of the current page.
→ browser_take_screenshot
→ Returns: PNG image of the viewport
Element screenshot
You: Take a screenshot of just the login form.
→ browser_take_screenshot { ref: "e12" }
→ Returns: PNG image cropped to the element
Full-page screenshot
You: Take a full-page screenshot including content below the fold.
→ browser_take_screenshot { fullPage: true }
→ Returns: PNG image of entire scrollable page
When to use screenshots
Screenshots complement accessibility snapshots:
| Use case | Best tool |
|---|---|
| Interacting with elements | Accessibility snapshot (refs) |
| Verifying visual layout | Screenshot |
| Canvas/chart content | Screenshot |
| Documenting a bug | Screenshot |
| Understanding page structure | Accessibility snapshot |
| Reading text content | Accessibility snapshot |