# Screenshot a page at responsive breakpoints (375-1920px)

**Use case:** 

Capture the Bootstrap homepage at four common breakpoints: 375, 768, 1280 and 1920 pixels wide. Use it for responsive design QA, visual regression baselines or client reports: paste your own URLs and widths, and get one PNG per breakpoint with the width recorded in each row.

## Input

```json
{
  "urls": [
    "https://getbootstrap.com/"
  ],
  "outputs": [
    "screenshot"
  ],
  "device": "desktop",
  "viewportWidths": [
    "375",
    "768",
    "1280",
    "1920"
  ],
  "fullPage": false,
  "maxScreenshotHeight": 0,
  "viewportWidth": 1280,
  "viewportHeight": 800,
  "screenshotFormat": "png",
  "screenshotQuality": 80,
  "darkMode": false,
  "hideCookieBanners": true,
  "hidePopups": true,
  "fixStickyHeaders": true,
  "pdfFormat": "A4",
  "pdfLandscape": false,
  "pdfPrintBackground": true,
  "markdownRemoveBoilerplate": true,
  "waitUntil": "networkidle2",
  "delaySecs": 0,
  "timeoutSecs": 30,
  "scrollToBottom": false,
  "scrollDelaySecs": 1,
  "maxConcurrency": 5,
  "blockAds": false
}
```

## Output

```json
{
  "inputIndex": {
    "label": "Input index"
  },
  "url": {
    "label": "URL",
    "format": "link"
  },
  "variant": {
    "label": "Variant"
  },
  "success": {
    "label": "Success"
  },
  "charged": {
    "label": "Charged"
  },
  "title": {
    "label": "Title"
  },
  "httpStatus": {
    "label": "Http status"
  },
  "screenshotUrl": {
    "label": "Screenshot",
    "format": "image"
  },
  "pdfUrl": {
    "label": "PDF",
    "format": "link"
  },
  "error": {
    "label": "Error"
  },
  "errorType": {
    "label": "Error type"
  },
  "capturedAt": {
    "label": "Captured at"
  }
}
```

## About this Actor

This example demonstrates how to use [Website Screenshot API - Full Page Screenshot & URL to PDF](https://apify.com/tidytools/website-screenshot-pdf-markdown.md) with a specific input configuration. Visit the [Actor detail page](https://apify.com/tidytools/website-screenshot-pdf-markdown.md) to learn more, explore other use cases, and run it yourself.


## How to integrate an Actor?

This Task's input is already configured above. Use it as-is rather than inventing a new one.

Do not guess an integration path. Every one of them is in the agent quickstart at https://apify.com/agents.md: the Apify MCP server, Agent Skills with the Apify CLI, the JavaScript and Python clients, the REST API, and the account-free path for an agent with no human to sign in. It also carries the rule on stating cost before the first paid run.

For full API examples (JavaScript, Python, CLI, MCP, OpenAPI), see this Task's Actor page: https://apify.com/tidytools/website-screenshot-pdf-markdown.md

Each client library has reference documentation the quickstart does not restate: [JavaScript/TypeScript](https://docs.apify.com/api/client/js/docs.md) (`npm install apify-client`) and [Python](https://docs.apify.com/api/client/python/docs.md) (`pip install apify-client`).