Website Screenshot

Capture screenshots of web pages using Playwright

Website Screenshot

AI-generated

Summary

Capture a screenshot of a specified web page URL with customizable options such as viewport size, device emulation, screenshot format, and page load waiting conditions.

Inputs

  • url (required) — The URL of the page to capture as a screenshot.
  • options — Settings to customize the screenshot capture including full page or viewport, viewport dimensions, wait conditions, device emulation, image format and quality, CSS selector for specific element capture, elements to hide before capture, JavaScript to execute on the page, custom request headers, and types of resources to block for faster loading.

Output shape

A list of items each containing JSON metadata about the capture (URL, format, fullPage, timestamp, device) and a binary data property holding the screenshot image in the specified format.

If a CSS selector is provided, only that element is captured; otherwise, the entire page or viewport is captured. Errors during capture for individual items emit JSON error details per item if 'continue on fail' is enabled. Supported formats are PNG and JPEG, with quality configurable only for JPEG.

Examples

Example 1: Capture a full page screenshot of a website emulating an iPhone 12, waiting for network idle, and hiding cookie banners before capture.

URL set to the target website, 'Full Page' enabled, 'Device' set to iPhone 12, 'Wait For' set to network idle, 'Hide Elements' including a CSS selector for cookie banners.

Discussion