full-page-screenshot

Topics in the source

• Full Page Screenshot
• Prerequisites
• Workflow
• Option A: Screenshot an already-open tab (recommended for authenticated pages)
• Option B: Screenshot a URL (opens a background tab, captures, closes)
• Parameters
• Verify Output
• Core Capabilities

Capture a full-page screenshot of any web page via Chrome DevTools Protocol. Produces a single PNG that includes all content — even portions that require scrolling. Zero external dependencies beyond Node.js 22+ and Chrome with remote debugging enabled. Node.js 22+ (uses built-in WebSocket) Chrome/Chromium with remote debugging enabled Check environment readiness: If Chrome check fails, instruct user to open chrome://inspect/#remote-debugging and enable "Allow remote debugging for this browser instance". 1. List available tabs: 2. Identify the target by title/URL, then capture: Note: --url mode creates a background tab. Pages requiring authentication (SSO, login walls) should use Option A instead. | Parameter | Description | Default | |-----------|-------------|---------| | output | Output PNG file path | /tmp/screenshot.png | | --width | Viewport width in CSS pixels (articles: 1200, dashboards: 1440-1920) | 1200 | | --dpr | Device pixel ratio (2 = Retina, but 4x file size) | 1 | | --wait | Page load timeout in ms (--url mode only) | 15000 | | --css | Custom CSS to inject before capture (e.g., hide elements) | — | 1. SPA scroll container expansion — Detects overflow-y: auto/scroll c

This is an excerpt. Refer to the complete source and its current requirements.